这段 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;
}

任何帮助都将是伟大的！

- Sam Mitchell

Answer 1

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

如果你想知道原因，阅读这篇文章

- maxisam

---

如果他这样做，页面布局就会出问题。 - Mr. BeatMasta

好的，这是由其他问题引起的。他的问题是“我的包装器的左右边框（它消失了）”。我的回答告诉他为什么它会消失。此外，我不知道他想要什么样的布局，我无法提出进一步的建议。我认为使用错误的方法来解决问题并不能使其成为正确的解决方案。#page-wrap 是顶级包装器，如果他需要在某个地方添加滚动条，您的建议将会引起未来的其他问题。 - maxisam

到那时，他会回来问另一个问题，比如我的滚动条到底在哪里。哈哈 - maxisam

loool xDD也是真的..堆栈规则 :D 他整天挂在这里会学到很多:D - Mr. BeatMasta

是的，我相当确定我需要我的滚动条。我觉得那段代码看起来很可疑。 - Sam Mitchell

Answer 2

这与左浮动的相关内容，需要添加以下CSS：

元素向左浮动。

#page-wrap {
    overflow: hidden;
}

- Mr. BeatMasta

---

如果他这样做，他的#main-content就没有用了。 - maxisam

Answer 3

您需要删除代码中多余的div标签。在结尾处删除其中一个，看看是否有效。或者您可能缺少一个开放标签。由于您没有发布您的代码，我无法找出问题所在。

- Michael Rader

Answer 4

你需要设置overflow:auto，并移除#main-content的左内边距。

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

}

这对我来说可行。

- dustinmm80

---

没问题。你能把这个标记为最佳答案吗？我是这个网站的新手，还没有很多回答。 - dustinmm80