Есть примерно следующая разметка — родительский контейнер и два дочерних элемента:
<div id="container">
<div class="child">First child</div>
<div class="child">Second child</div>
</div>
С такими стилями:
#container .child
{
float: left;
}
Так как для дочерних элементов задано float: left
, то они выходят за пределы родительского контейнера. То есть элемент #container
не охватывает элементы .child
. Поэтому пришлось контейнеру присвоить overflow: hidden
:
#container
{
overflow: hidden;
}
Это решение работает во всех браузерах. И даже во всех версиях IE выше шестой. Вопрос в том, как заставить такую разметку отображаться корректно именно в IE 6.
Я не совсем правильно выразился. Мне нужно использовать overflow:hidden не по прямому назначению (скрытие полосы прокрутки), а для изменения границ контейнера. Я немного подкорректировал текст вопроса, чтобы было понятнее.