html - CSS:最小高度只像高度一样工作

Question

我的 body 标签上有一个重复的背景图像。只要内容比浏览器窗口短，它就可以正常工作。

代码:

html {
height:100%;
}

body {
background-image:url('images/pattern.png');
background-repeat:repeat;
min-height:100%;
}

当内容对于窗口来说太长而我必须向下滚动时，模式不会一直到网站底部。

还有我的实例:http://syrien.wernersbacher.de/

问题:我想要有背景图案，即使内容很大。如何解决？

谢谢你的建议

Answer 1

您没有清除 float ，请尝试添加以下 CSS 以使“#main”容器环绕到全高:

#main:after {
    content: "";
    display:table;
    clear:both;
}

如果你添加这个，你的“#main”将包裹内部元素，并使 html 包裹整个页面