设计wordpress主题问题

Question

我从头开始设计wordpress主题。 我使用框的职位 - 每行两个职位。 的CSS代码：

#box { 
margin-bottom:10px; 
margin-left:0; 
margin-right:10px; 
width:240px; 
} 
.left { 
float:left; 
margin-left:10px; 
} 

，并有包装包中的所有框页面：

#wrapper{ 
    width:980px; 
    background-color:#fff; 

}

<div id="wrapper"> 
<div id="box" class="left"> 
...WP tags and... 
</div> 
</div> 

因此，所有箱子都包装。现在问题是包装不显示 - 页面上没有白色背景，但只要我删除浮动属性包装进入播放。 我该如何解决这个问题！？

Answer 1

给包装元素overflow: hidden。

#wrapper{ 
    overflow: hidden; 
    width:980px; 
    background-color:#fff; 
} 

这是在所有浏览器做这项工作的accepted method。它比clearfix解决方案的效果更好，而且麻烦更少。

Answer 2

您需要在包装顶部的clearfix http://www.webtoolkit.info/css-clearfix.html

Answer 3

这些箱子被“浮动”。只需添加明确：两者; #wrapper。 哦，顺便说一句，你不需要为你的边缘创建3个元素，你可以把它写在一行上，像这样的边距：0 10px 10px 0; （顶部，右侧，底部，左侧） 另外一个小窍门，你应该使用调试CSS时，添加边框：固体1px红色;所以你可以看到你在做什么。