我的HTML中有一个外部div,里面有2个div:
<div class="outer">
<div class="col-left">
<p>Lorem Ipsum is simply dummy text of the...
</div>
<div class="col-right">Right</div>
<div class="clear"></div>
</div>
CSS是:
.outer {
border: 1px solid black;
}
.col-left {
float: left;
background: cyan;
width: 80%
height: 100%;
}
.col-right {
float: left;
width: 15%;
background: yellow;
height: 100%;
}
.clear {
clear: both;
}
只有在我在 .outer 类中设置了 px 高度时,height: 100% 才会生效,但是我遇到了一个高度不应固定的情况。
如何在不指定父级固定高度的情况下使用 height 100%?
我将使用 Layne 在评论中写的内容。