Question

我有奇怪的问题。我有一个双列DIV布局，我通过背景图像为body元素设置页面的背景。

但我的身体元素并不像我的可见内容那么高。我认为问题是绝对定位的div容器，它比页面的其余部分增长更多。

我该如何解决？

Answer 1

根据给出的小信息，让我建议你提高身体：

body { height:100%; }

根据您的设计，这可能有用，可能不会。

Answer 2

尝试包含

 body
 {
  height: 100%;
 }

在你的css文件中。

Answer 3

像这样写：

html, body {
    height:100%;
}

Answer 4

如果没有代码或示例，我的建议是为您的浏览器添加一个不错的CSS重置。默认情况下，浏览器具有CSS“电子表格”，并且通常正文具有边距。

Try this one

Answer 5

在CSS文件中，您可以使用：

html{
    background: url(../images/image.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

将背景图像调整为所有显示。

Answer 6

抱歉，我无法发布解决方案的代码，因为那时我必须发布相当大的整个HTML文件。

问题似乎是我正在处理的那种页面：它只是一个分为几个部分的HTML网站。但每个部分都将在经典网页设计中整整一页。用户使用JS在部分之间切换。

删除位置后：相对于增长的内容div，使截面高度为100％，模具生长内容div高度100％似乎有效。

但是仍然奇怪的是为什么这个部分没有像动态大小的内容那样增长。

HTML正文不如页面高

6 个答案: