我知道,这可能是一个愚蠢的问题,但我现在真的很困惑:(
所以,我有以下代码:
<html>
<body>
<div.main>
...
</body>
</html>
相应的CSS代码:
html {
height: 100% !important;
min-height: 100%;
max-height: 100%;
}
body {
width: 100%;
height: 100% !important;
min-height: 100% !important;
min-width: 960px;
margin: 0;
overflow: auto;
background: url('../images/bg.jpg') no-repeat;
}
您可以在此处看到:right here
因此,body
标记的高度约为1300像素,但html
标记略小。这是我在初学者的经历中见过的最奇怪的事情,所以如果你能解释我的情况,我将非常感激。
尝试使用谷歌,但所有人都说要将height: 100% !important
添加到body
标记,这就是全部。嗯,这对我不起作用:(
答案 0 :(得分:1)
您是否尝试让背景到达页面底部?
因为那样你就可以background: #000000 url('../images/bg.jpg') no-repeat;
这里的问题不是标签的高度,而是图像的高度,您设置的不重复。因此,您必须在图像后面设置背景颜色。