这是HTML布局:
<div class="wrap"> <div id="container"> <div id="left">...</div> <div id="right">...</div> </div> </div>
我使用了float:left到left div,float:右对齐。然后,我使用padding-top:10px到容器。为什么不起作用?谢谢。
这是我的第一个风格:
.wrap { float: left; width: 1000px } #container{ background-color: #FFFFFF; padding: 10px 10px 0; width: 980px; float: left; } #left { float: left; width: 670px; } #right { float: right; width: 300px; }
解决方法
当您浮动元素时,它会有效地将其从文档流中取出,因此向其父项添加填充将不会对其造成影响。你可以使用margin-top:10px;在你的内部divs。