100%高度div不是100%

时间:2012-05-25 03:53:53

标签: css html stretching

我在这个网站上工作:www.lumn.net。中心面板(#overall)应该是一个从页面顶部延伸到底部的d​​iv。出于某种原因,我无法弄清楚,我在每页的底部都有空间。 更奇怪的是,只有两页,lumn.net / index.shtml和lumn.net/about.shtml,顶部和底部都有空格。< - fixed

html和body都有高度:100%。

如果我将中心面板的高度设置为100%,则在仅在底部有额外空间的页面上,它会转到600px,这是其内部div之一的最小高度,超出该范围的内容耗尽了底部。在顶部和底部都有额外空间的页面上,没有任何反应。

设置顶部:0和底部:中心面板的0对任何页面都没有影响。

除了我已经尝试过的事情之外,我不知道我做错了什么或如何解决它。

更新:底部空间的问题是由于我的页脚位于中心div之外并使用负边距向上移动。然而,当我把它移到里面时,我的下面还有一些额外的空间:lumn.net/about.shtml。我怎样才能正确地将它放在#overall中心div内?

3 个答案:

答案 0 :(得分:0)

在主页和关于页面上你有一些奇怪的额外字符“?” 也许一个php标签严重打开?

您是否尝试过将#ofrall的高度设为100%? (对我而言,它有效......)

答案 1 :(得分:0)

您的页脚高度为28px(包括边框),顶部为-42px。这留下16px的#overall在它下面伸出 - 只有8px似乎是故意的。

至于页面的顶部,这似乎是由一个无关的问号引起的(在页面的左上角几乎看不到)。

答案 2 :(得分:0)

尝试更改#overal上的填充底部:

padding-bottom: 18px

这能解决您的问题吗?