Question

真的很难解释。

就是这样：

<div id="inside-cntr">
<!--GAME CONTENT GOES HERE!-->
<div style="position:relative; margin:15px; margin-top:35px; margin-bottom:20px; padding:1px; width:200px; height:200px; display:inline-block; float:left; background-color:#333;"></div>
<div style="position:relative; margin:15px; margin-top:35px; margin-bottom:20px; padding:1px; width:200px; height:200px; display:inline-block; float:right; background-color:#333;"></div>

<!--GAME CONTENT GOES HERE!-->

 #inside-cntr { position:relative; width:760px; height:auto; min-height:50px; margin:0px; background-image:url(../images/global/main-content-inner.jpg); background-repeat:repeat-y; background-position:center; z-index:10; clear:both; }

当两个块都具有浮动属性时，两个div测试块不会位于扩展div容器内。另外，我不太清楚为什么我必须设置如此大的余量来定位div块呢？

Answer 1

#inside-cntr { overflow:hidden; zoom:1; }

说明：http://work.arounds.org/clearing-floats/

填充容器无法正常运行

1 个答案: