CSS: clear: осталось работать слишком хорошо?

Question

Время от времени у меня возникает проблема, и я не уверен, что это за решение.

У меня есть 2 колонки (левая часть, а затем основная область).В основной области у меня иногда есть вторичный макет из 2 столбцов (например, для раздела новостей, где есть значок, а затем элемент новостей).Когда я очищаю левый элемент на новом элементе, вместо очистки изображения над ним (которое остается плавающим), он очищает панель навигации слева.

Вот образец .Это похоже на проблему с FF3.6, тогда как IE8 выглядит нормально.

Answer 1

для #mainContent добавьте overflow:auto; или overflow:hidden;, чтобы очистить поплавки. Подробнее здесь http://www.quirksmode.org/css/clearing.html

Answer 2

Вместо того, чтобы использовать колонки для ваших новостных колонок для разделения значков и текста - что если вы используете «float: left» на изображении?Например, посмотрите на этой странице:

http://clayclerk.com/

Стиль Css для изображения:

.imageleft {
float:      left;
margin-right:   10px;
}

Answer 3

На вашем <div>, который содержит каждый раздел новостей, попробуйте добавить overflow: hidden.Я думаю, что это должно изолировать использование clear в этом <div>.