如何首先加载父内容的背景？

Question

我的设计是这样的：

<div id='container'>
 <div class='box'>
  <div class='boxleft'>something left</div>
  <div class='boxright'>something right</div>
  <div class='clear'/>
 </div>
</div>

我将CSS设置为：

*{margin:0; padding:0}
.clear{clear:both}
#container{width:100%; height:auto; background:#f1f2f3}
.box{width:95%; margin:0 auto; height:auto; background:white}
.boxleft{float:left;width:49%;margin-right:1%;}
.boxright{float:right;width:50%;}

问题：在.box课程完成加载后，课程.boxleft的背景为白色。我现在希望它按照类.boxleft的高度加载背景。那么，我该怎么做呢？

感谢您的建议。

Answer 1

您的问题是左侧浮动并向右浮动而没有主箱内两个方框的高度。将其添加到.boxleft和.boxright：

display:block

这应该有效。