it-swarm.com.ru

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

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

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

86
TonyG

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

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

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

53
DanKodi

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

.adm{
 clear:both;
}

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

27
Brett

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

9
tjm

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

4
TonyG

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

3
Trey

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

3
Chris Kent

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

0
Piotr Naumiuk