Блог

Извините, я знаю, что заголовок не очень разборчив (или даже полон). Это должно быть лучше, чем слова:

Обратите внимание, что x и y являются динамическими высотами, основанными на содержимом этих дочерних элементов, и нет никакой гарантии, что один будет больше другого.

Я не хочу использовать таблицы и не хочу полагаться на CSS3 (для таких решений, как calc.) Я думаю, это означает, что один из двух столбцов должен быть удален из «статического» макета из-за требования к динамической ширине. И из-за этого, я думаю, это означает, что за пределами Javascript нет никакого способа увеличить размер родительского контейнера до максимальной высоты его дочерних столбцов.

Я надеюсь, что кто-нибудь докажет, что я неправ, потому что я бы хотел сделать это в CSS. Спасибо, замечательное сообщество SO!

ДЕМОНСТРАЦИЯ

 <div id="wrapper">
    <div id="sidebar"></div>
    <div id="main"></div>
</div>
  

 #wrapper, #main{
    overflow: hidden;
}
#sidebar{
    float: left;
    width: 100px;
}