Почему переполнение: скрытый имеет неожиданный побочный эффект увеличения высоты, чтобы содержать плавающие элементы?
Этот вопрос лучше всего объяснитьэта скрипкасо следующим HTML:
CSS:
.outer {
width: 100px;
border: solid 5px #000;
}
.inner-left {
float: left;
height: 200px;
width: 50px;
background: #f00;
}
.inner-right {
float: right;
height: 200px;
width: 50px;
background: #0f0;
}
В основном ямне интересно, почемуoverflow: hidden
Вызывать рост внешнего элемента, охватывающего два плавающих элемента?