父div匹配最高的孩子div的高度？

我正在制作一个带有“page”div的网站，里面有包含左侧div“导航”和右侧div“内容”的网站。我想让“页面”div的高度（所以背景匹配）等于最高div的高度，无论是“导航”还是“内容”。父div匹配最高的孩子div的高度？

我怎么会去这样做呢？

来源

2011-10-01 Keavon

我猜你正在浮动其他divs，否则这将永远是这种情况。您也可以浮动父div，或者在父div的末尾添加<div style='clear: both'></div>。这些技术都会导致父母的子女和子女一样大。

编辑：哎呦，错过了结束标签:)

来源

2011-10-01 04:45:15 Dave

或'溢出：在 “页面” 分区hidden'。 –

好吧，所以原始样式='明确：两者'都不起作用，而且我没有尝试做其他选择，但是，谢谢你，mu太短，你的小费工作！谢谢！太糟糕了，你没有发布一个答案，而是（你现在可以做吗？）我不能给你最好的答案，但你明白了！谢谢！！！ – Keavon

@Keavon：你想把“

”放在“page”div的底部，这应该和'overflow：hidden'一样。 –

这样

HTML写：

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

CSS：

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

来源

2011-10-01 04:48:53 sandeep

好吧，添加样式='溢出：隐藏'工作添加到“页面”div。由于亩太短，但你仍然写了“溢出：隐藏”所以是的。我会给你一个赞成票，但是如果他发表了一个回答，就会发现他最好的答案是太短。 – Keavon

@Keavon：不客气的给我们接受，无后顾之忧。 –

我认为这将帮助你

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; 
}

来源

2017-04-03 07:08:46 patelarpan

父div匹配最高的孩子div的高度？

回答

相关问题