【问题标题】:div element height not 100%div 元素高度不是 100%
【发布时间】:2012-04-07 07:41:24
【问题描述】:

我已将 body 和 html 设置为 height:100% 并将元素设置为 Height:100% 并且 div 仅包含在 html 和 body 中,没有其他地方。 然而,当显示元素是浏览器窗口高度的 100% 而不是可滚动的站点高度时。我确定答案很简单,但我想不出为什么会这样:/

【问题讨论】:

  • 请再次阅读您的问题,看看您是否能理解您所说的......
  • 当您将 bodyhtml 高度设置为 100% 时,您将它们设置为浏览器可见部分的高度。您可以尝试在元素上设置min-height。您需要div 成为网页的全高的原因是什么?
  • 你的问题不够清楚。

标签: html css height


【解决方案1】:

您将主体高度设置为屏幕高度的 100%,这就是它不会滚动的原因。

100% 的内部元素将继承 100% 的屏幕尺寸。

尝试移除 body 的高度并使用 px 作为元素,直到您在网站上开发更多内容。

【讨论】:

  • 虽然答案还是含糊的,但是是正确的,看到OP对含糊不陌生+1
【解决方案2】:

如果你还在寻找(或者更有可能,有人通过谷歌找到了这个),我在这里实现了我认为你想要的:

http://www.facebookanswers.co.uk/code/fullheight/demo2.htm

它是一个独立的文件,IE 所有的 CSS 都带有标记,所以你应该能够看到发生了什么。

全文在这里:

http://facebookanswers.co.uk/?p=312

基本上,它的页脚停留在窗口底部(感谢 100% div)直到内容超过窗口,在这种情况下它会随着内容滚动。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-08-08
    • 1970-01-01
    • 1970-01-01
    • 2011-07-05
    相关资源
    最近更新 更多