CSS:我的页面顶部有一个白色的条

Question

我的页面顶部有一个白色条，我不知道是什么原因导致了它。我不会把整个东西粘贴在这里，因为它很长，但有人能查看源代码并告诉我是什么原因引起了它的出现吗？

http://ddofans.org/design3/

Answer 1

这是因为您有hr.fancy-line:before，并且在绝对位置之后，它将从文档流中删除。你可以让你.container {position:relative;}，这是一个可能的解决方案。

这位于design3.css第104行中

hr.fancy-line:before, hr.fancy-line:after {
content: '';
position: absolute;
width: 100%;

它也可以在design3.css 的第124行

body, hr.fancy-line:after {
background: #F4F4F4;
}

Answer 2

这是因为以下行：

hr.fancy-line:after { background: #f4f4f4; }

design3.css第124行

如果不需要，可以删除此行