我怎样才能让身体标记跨越100％的身高？

Question

出于某种原因，我的html身体不会跨越当前正在处理的页面的整个高度。

我在这里用尽了想法。如果有人可以看看我的代码，那将非常棒。

对不起链接:(

香港专业教育学院已经尝试过将100％的高度和最小高度，以HTML和body标签，因为大多数问题在这里建议，它并没有解决问题。

在此先感谢

Answer 1

你的问题在于与ID为“内容”股利。它有相对的位置和一个很大的最高值分配给它。为了使它更简单，这两个属性导致你的问题：

#content { 
/*some properties here 
position: relative; 
top: 199px; 
} 

身体仍然跨越页面的高度的100％。它的内容div被定位在相对位置，然后“推”到比其正常位置低199个像素。

取出顶级物业，你的身体标记将跨越页面即100％删除该属性：

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的身体和元件，其与ID为“内容”，那么你必须编写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; 

这会给你想要的效果，你正在寻找！

Answer 2

添加此规则，以你的CSS

HTML，身体{身高：100％;}

。

清洁你的CSS ...和保持学习