Як я можу зупинити плавати вліво?

У мене є такий код:

<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 плаває ліворуч і тому рухається в тому ж рядку, що і мітка та дві кнопки введення. Чи є спосіб, як я можу зробити цей перехід від плаваючого?

Стандартним підходом є додавання очищення div між двома елементами рівня плаваючого блоку:

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

Іноді чітке не буде працювати. Використовувати float: noneяк заміну

Ви можете змінювати .admта додавати

.adm{
 clear:both;
}

Це повинно змусити його перейти на новий рядок

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

Гаразд, я щойно зрозумів, що відповідь полягає у тому, щоб видалити перший плаваючий зліва з першого DIV. Не знаю, чому я цього раніше не бачив.

Ви також повинні перевірити властивість "clear" у css на випадок, якщо видалити float неможливо

CSS clear: leftу вашому класі adm повинен зупинити плаваючий div з елементами над ним.

Просто додайте overflow:hiddenв першому divстилі. Цього має бути достатньо.

З якоїсь причини жодне з наведених вище виправлень не працювало для мене (у мене була та сама проблема), але це зробило:

Спробуйте покласти все плавали елементів в СНУ елемента: <div class="row">...</div>.

Потім додайте цей CCS: .row::after {content: ""; clear: both; display: table;}