父div匹配最高的孩子div的高度?
我正在制作一个带有“page”div的网站,里面有包含左侧div“导航”和右侧div“内容”的网站。我想让“页面”div的高度(所以背景匹配)等于最高div的高度,无论是“导航”还是“内容”。父div匹配最高的孩子div的高度?
我怎么会去这样做呢?
我猜你正在浮动其他divs,否则这将永远是这种情况。您也可以浮动父div,或者在父div的末尾添加<div style='clear: both'></div>
。这些技术都会导致父母的子女和子女一样大。
编辑:哎呦,错过了结束标签:)
这样
HTML写:
<div class="page">
<div class="navigation"></div>
<div class="content"></div>
</div>
CSS:
page{overflow:hidden}
.navigation, content{float:left}
好吧,添加样式='溢出:隐藏'工作添加到“页面”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;
}
或'溢出:在 “页面” 分区hidden'。 –
好吧,所以原始样式='明确:两者'都不起作用,而且我没有尝试做其他选择,但是,谢谢你,mu太短,你的小费工作!谢谢!太糟糕了,你没有发布一个答案,而是(你现在可以做吗?)我不能给你最好的答案,但你明白了!谢谢!!! – Keavon
@Keavon:你想把“
”放在“page”div的底部,这应该和'overflow:hidden'一样。 –