真正解释起来有点困难。
就是这样:
<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; }
发生的情况是,当两个 block 都具有 float 属性时,两个 div 测试 block 不会位于扩展的 div 容器内。 另外,我不太清楚为什么我也必须放置如此大的边距来定位 div block ?
最佳答案
#inside-cntr { overflow:hidden; zoom:1; }
关于css - 填充容器无法正常运行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3508159/