Поплавок неловкая ситуация

0

У меня есть 3 элемента div на странице с атрибутом float, установленным влево.

Я добавляю еще один элемент div без каких-либо стилей, но он упорядочен, как те, о которых я говорил вам выше. Зачем? Я не понимаю этого.

спасибо

КОД:

  <div style="float:left">
   test first
  </div>

 <div style="float:left">
  test second
 </div>


 <div style="float:left">
   test third
 </div>

 <div>
  test fourth
 </div>
  • 1
    Можете ли вы предоставить соответствующий код в вашем вопросе?
  • 0
    Не могу не увидеть код.
Показать ещё 3 комментария
Теги:
css-float

1 ответ

4
Лучший ответ

Последний div должен очистить поплавки.

HTML

<div class="left">text</div>
<div class="left">text</div>
<div class="left">text</div>

<div class="clear-left">text</div>

CSS

.left { float: left; }
.clear-left { clear: left; }

JSFIDDLE

  • 0
    Спасибо ! Теперь я понимаю.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню