Question

Please see http://jsfiddle.net/muc0mzgt/.

当页脚div固定时，主体基本上在页脚div之前结束。这里的问题是我想添加一个填充背景图像的页面，现在它将结束红线与身体相连的位置。

将身高设置为100vh让我已经接近，但你仍然可以滚动一下，这样你就可以看到没有bg图像的页面的一部分。

有什么想法吗？

非常感谢！

Answer 1

使用reset.css，然后制作body＆amp; html元素100％高度

＆＃13;

* { /* quick reset */
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html,
body {
  height: 100%;
}
body {
  border: 1px solid red;
}
#footer {
  position: fixed;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1030;
}

＆＃13;

<body>
  <p>Some Paragraph</p>
  <div id="footer">This is some footer text</div>
</body>

＆＃13;

设置为100％窗口高度以包括固定div

1 个答案: