Как веб-разработчик, я часто буду иметь два плавающих (дочерних) div внутри другого (родительского) div. На самом деле я делаю это весь день.
<style type="text/css">
#left {float:left;}
#right {float:right;}
</style>
<div id="parent">
<div id="left" class="child"> </div>
<div id="right" class="child"> </div>
</div>
Это не работает без дополнительного бита css/html, потому что родительский элемент автоматически не растет, чтобы соответствовать плавающим детям. Существует два популярных способа преодоления этого:
1) Добавьте overflow:hidden
в родительский css.
2) Добавьте третьего" освобождающегося" ребенка <br style="clear:both;" />
.
Я знаю несколько других подобных вопросов о таких вещах, но мой вопрос:
Какой метод лучше и почему? Какие являются плюсами и минусами каждого?