【问题标题】:Body tag not engulfing entire page [closed]正文标签没有吞没整个页面[关闭]
【发布时间】:2013-10-11 20:33:08
【问题描述】:

我有一个网站,由于某种原因,我的 body 标签没有覆盖整个页面,因此应该在页面底部的图像出现在中间。我不知道为什么会发生这种情况,因为 body 标记在页面底部关闭。该网站可以在这里找到http://www.chune.biz/The-Beginning-of-A-Musical-Revolution.html

【问题讨论】:

  • 哪个图片应该在页面底部?
  • 请避免链接到外部网站——相反,尝试通过JSFiddle复制您的问题

标签: html css twitter-bootstrap


【解决方案1】:

从你的 body css 定义中删除 height: 100%

【讨论】:

  • 当我删除高度时,页脚不再停留在网站底部。如何让页脚保持在页面底部而不高度为 100%
  • 您可以根据您想要的效果将其位置设置为绝对或固定。试试position: absolute; bottom: 0; left: 0;
  • 这仍然会产生问题,因为页面不一致。对于较短的页面,图像不会移动到页脚,而是停留在中间。这是在主页上。然而,在原始页面上,图像位于底部,但页脚在页面上保持高位。
  • 那么您可能需要使用一些 javascript 进行补救。像这样抓取视口的高度:windowHeight = window.innerHeight;,然后将主体高度设置为该值。或者从页面顶部偏移页脚。
猜你喜欢
  • 2019-05-09
  • 1970-01-01
  • 2019-01-09
  • 1970-01-01
  • 1970-01-01
  • 2014-07-18
  • 1970-01-01
  • 2017-01-04
  • 2020-07-20
相关资源
最近更新 更多