我在这里是因为其他类似的问题对我的特定问题没有帮助。
我需要 right div
始终为 100% 高度,其中 parent
高度取决于 left div
高度,而 left div
高度取决于内容里面。
这是 html:
<div class="container clearfix">
<div class="left"></div>
<div class="right"></div>
</div>
这是 CSS:
.container{
min-height: 10px;
width: auto;
height: auto;
background-color: #eeeeee;
}
.left{
position: relative;
float: left;
min-height: 100px;
width: 50px;
background-color: #dddddd;
}
.right{
min-height: 20px;
position: relative;
float: left;
height: 100%;
width: 50px;
background-color: #dddddd;
}
.
.clearfix:after
{
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
注:
我正在使用 clearfix
。
如果您可以在 jsfiddle
这是 jsFiddle http://jsfiddle.net/C9Kmx/32/
最佳答案
创建正确的 div position:absolute;
并创建父 div position:relative;
然后 height:100%;
将起作用对于正确的分区。确保你也相应地调整了它的 x 位置和宽度。在这个例子中,我给它一个 left:50px
以确保它出现在左栏的右侧。
JSFiddle http://jsfiddle.net/e9mvD/
关于html - 子 div 100% 高度到父自动高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11409586/