Div родительский, чтобы соответствовать росту самого высокого ребенка div?

Question

Я делаю веб-сайт с div "page", внутри которого есть левый div "navigation" и правый div "content".Я хочу сделать высоту div "page" (чтобы фон соответствовал) равной высоте самого высокого div, либо "navigation", либо "content".

Как мне поступить так?

Answer 1

напишите так

html:

<div class="page">
 <div class="navigation"></div>
 <div class="content"></div>
</div>

css:

page{overflow:hidden}
.navigation, content{float:left}

Answer 2

Я предполагаю, что вы пропускаете другие div, иначе это всегда будет так. Вы также можете плавать родительский div или добавить <div style='clear: both'></div> непосредственно перед концом родительского div. Любой из этих методов приведет к тому, что родительский div будет таким же большим, как и его дочерние элементы.

РЕДАКТИРОВАТЬ: упс, пропустил конечный тег:)

Answer 3

Это вам поможет

HTML

<div class="page">
  <div class="navigation">i am navigation</div>
  <div class="content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est maiores, ex? Mollitia assumenda veniam aliquid commodi ex, libero in quia perspiciatis sint voluptatibus soluta exercitationem quas quos repudiandae deserunt obcaecati.</div>
</div>

CSS

 .page {
  background-color: #000;
 }
 /* for clearfix*/
.page:after{
    content: "";
    display: table;
    clear: both;   
 }
 /* for clearfix end*/

 .navigation,.content {
   float: left;
 }
 .navigation {
   width: 20%;
   background-color: #cd6a51;
 }
 .content {
   width: 80%;
   background-color: #4CAF50;
 }