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

盒子在包装器顶部“浮动”。简单地说明一下：两者;到#wrapper。哦，顺便说一句，你不需要为你的边距创建3个元素，你可以在一行上写它，就像那个边距：0 10px 10px 0; （上，右，下，左）调试css时应该使用一个小技巧，添加border：solid 1px red;所以你可以看到你在做什么。

Answer 2

给出包装元素overflow: hidden。

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

在所有浏览器中使用此功能的accepted method。它比clearfix解决方法更好，更轻松。

Answer 3

您需要一个clearfix http://www.webtoolkit.info/css-clearfix.html

设计wordpress主题问题

3 个答案: