如何让我的body标签跨越100%的高度？
如何让我的body标签跨越100%的高度？
提问于 2014-04-23 22:20:42
由于某些原因，我的html主体不能覆盖我正在处理的页面的整个高度。
我已经没有点子了。如果有人能看一下我的代码，那就太好了。
很抱歉链接:(
我已经尝试将100%的高度和最小高度应用于html和body标签，正如这里的大多数问题所建议的那样。这并没有解决问题。
提前感谢
回答 1
Stack Overflow用户
回答已采纳
发布于 2014-04-23 22:35:49
您的问题在于div的id为"content“。它有相对位置和一个很大的顶值。为了简单起见，这两个属性导致了问题：
#content {
/*some properties here
position: relative;
top: 199px;
}正文仍然跨越页面高度的100%。它的内容div被定位在相对的位置，然后‘推’到它正常位置下的199像素。
删除top属性，您的body标记将覆盖整个页面，即删除此属性：
top:199px;从本质上讲，你的CSS类应该是这样的：
#content {
width: 940px;
height: auto;
min-height: 400px;
background-image: url('images/maincontentbg.png');
background-repeat: repeat-y;
position: relative;
padding: 20px 10px 10px;
}希望这能有所帮助！
编辑：
您的CSS文件还包含以下内容：
body {
#content {
width: 940px;
height: auto;
min-height: 400px;
background-image: url('images/maincontentbg.png');
background-repeat: repeat-y;
position: relative;
padding: 20px 10px 10px;
top: 199px;
margin: 0;
padding: 0;
background-image: url(images/background.jpg);
background-repeat: no-repeat;
}这是完全错误的。如果想要将CSS应用于body和id为"content“的元素，则必须这样编写CSS：
body, #content {
width: 940px;
height: auto;
min-height: 400px;
background-image: url('images/maincontentbg.png');
background-repeat: repeat-y;
position: relative;
padding: 20px 10px 10px;
top: 199px;
margin: 0;
padding: 0;
background-image: url(images/background.jpg);
background-repeat: no-repeat;
}为了把它往下推，你可以用保证金代替。如下所示：
margin: 199px 0px 0px;这将给你想要的效果！！
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/23247219
复制相关文章
相似问题