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

Question

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

<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 плавает влево и, следовательно, идет в той же строке, что и метка и две кнопки ввода. Есть ли способ, которым я могу сделать этот переход от плавания?

Answer 1

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

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

Answer 2

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

Answer 3

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

.adm{
 clear:both;
}

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

Answer 4

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

Answer 5

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

Answer 6

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

Answer 7

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

Answer 8

Вы должны использовать Clear: оба; Не благодари?