Question

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

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

抱歉链接：（

我已尝试对html和body标签应用100％高度和最小高度，因为这里提出了大多数问题。它没有解决问题。

提前致谢

Answer 1

将此规则添加到您的CSS中。

html，body {身高：100％; }

清理你的CSS ...并继续学习

Answer 2

你的问题在于div具有id＆＃34; content＆＃34;。它具有相对位置和分配给它的大的顶部值。为简化起见，这两个属性会引发问题：

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

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

删除top属性，您的body标签将覆盖页面的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＆＃34; content＆＃34;那么你必须这样编写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;

这将为您提供所需的效果!!

如何让我的身体标签跨度达到100％？

2 个答案: