假设我们有这样一个非常简单的场景
<div class="content">
<div class="left">
<p>some content</p>
</div>
<div class="right">
<p>some content</p>
</div>
</div>
<div class="content">
<div class="left">
<p>some content</p>
</div>
<div class="right">
<p>some content</p>
</div>
</div>
这是样式:
.content {
width: 960px;
height: auto;
margin: 0 auto;
background: red;
clear: both;
}
.left {
float: left;
height: 300px;
background: green;
}
.right {
float: right;
background: yellow;
}
问题是... 当我向<div class="right">
添加内容时,它应该将父div下拉,我们需要看到红色背景... 问题是,我无法看到红色背景填充整个高度。
编辑: 这里有一个测试fiddle