我正在这个网站上工作: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/