这个CSS代码打破了我的边界

Question

我插入此代码来构建一个拇指库，但它搞砸了我的包装器的左右边框（它消失了）。你可以在http://blog.howtodjango.com/temp/template/

看到它

下面是导致它的代码。

.gallery li {
display: inline;
list-style: none;
width: 126px;
min-height: 175px;
float: left;
margin: 15px 15px 1px 15px;
text-align: center;
}

任何帮助都会很棒！

Answer 1

#main-content {
    background: none repeat scroll 0 0 white;
    overflow: hidden;
    padding-left: 250px;
    padding-top: 5px;
}

如果您想弄清楚原因，请阅读this

Answer 2

这与左侧的浮动

元素有关，请添加此css：

#page-wrap {
    overflow: hidden;
}

Answer 3

您需要删除代码中存在的额外div标记。最后删除其中一个，看看是否有效。或者你可能错过了一个开放的标签。由于你没有发布你的代码，我无法解决这个问题。

Answer 4

您需要设置overflow：auto并删除#main-content

上的左边距

#main-content {
background: none;
overflow: auto;
padding-top: 5px;

}

这适合我。