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

Question

我的页面顶部有一个白色条，我不知道代码中的内容是什么造成的。我不会在这里粘贴整个内容，因为它很长，但是有人可以查看源代码并且可能会告诉我代码中的内容会导致它出现吗？

http://ddofans.org/design3/

Answer 1

这是因为以下几行：

  

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

design3.css第124行

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

Answer 2

它是因为你有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;
}