css - 100% 高度 div 不是 100%

标签 css html stretching

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

html 和 body 都有 height:100%。

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

为中心面板设置 top:0 和 bottom:0 对任何页面都没有影响。

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

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

最佳答案

尝试更改 #overal 上的 padding-bottom:

底部填充:18px

这是否解决了您的问题?

关于css - 100% 高度 div 不是 100%,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10748269/

相关文章:

javascript - 如何在 Spring MVC 4 和 HTML5 应用程序上添加带有 JS 和 CSS 的导入文件?

C# 音频到网络服务器 UDP

css - 拆分背景 50/50

html - 如何使用CSS设置拉伸(stretch)背景图片

IOS。复杂的拉伸(stretch)?

iphone - 拉伸(stretch)和缩放图像之间的区别

html - css - 我无法移动导航菜单

css - 自动页脚高度与页面高度

html - 响应式 adsense 单元的最小高度

javascript - 1pg 上的下一个/上一个箭头。水平滑动网站?