Как я могу остановить float влево?

У меня есть следующий код:

<div style="float: left; width: 100%;">
  <label style="float: left;">ABC</label>  
  <input style="float: left; font-size: 0.5em;" type="button"   onclick="addTiny(0,'Question_Text'); return false;" value="&#x25BC;" title="Editor" />   
  <input style="float: left; font-size: 0.5em;" type="button" onclick="remTiny(0,'Question_Text'); return false;" value="&#x25B2;" title="Hide" />   

  <div class="adm">
    <textarea rows="2;" style="width: 100%" class="text-box multi-line mceEditor">
      abc
    </textarea>
  </div>
</div>

Моя проблема заключается в том, что div с классом adm плавает влево и, следовательно, выходит на ту же строку, что и метка и две кнопки ввода. Есть ли способ, которым я могу сделать этот переход от плавания?

Ответ 1

Стандартный подход состоит в том, чтобы добавить разделительный разделитель между двумя элементами уровня плавающего блока:

<div style="clear:both;"></div>

Ответ 2

Иногда ясное не работает. Используйте float: none как переопределение

Ответ 3

Вы можете изменить .adm и добавить

.adm{
 clear:both;
}

Это должно заставить его перейти к новой строке

Ответ 4

добавить style="clear:both;" в "adm" div.

Ответ 5

Хорошо, я понял, что ответ заключается в том, чтобы удалить первый поплавок слева от первого DIV. Не знаю, почему я этого раньше не видел.

Ответ 6

Вы также должны проверить свойство "clear" в css в случае, если удаление float не является опцией

Ответ 7

css clear: left в вашем классе adm должен остановить div, плавающий с элементами над ним.