Этот вопрос лучше всего объяснитьэта скрипкасо следующим 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 Вызывать рост внешнего элемента, охватывающего два плавающих элемента?