Div没有占据全高

时间:2016-10-23 09:34:05

标签: html css height

我正在构建一个非常小的wordpress主题。 我只是可以'弄清楚为什么我的主包装div没有达到应有的全高度。所以我的页脚显示在页面中间,有或没有位置绝对。

网站是这样的: www.davideasquini.com

提前感谢那些愿意提供帮助的人

2 个答案:

答案 0 :(得分:0)

这可以解决您的问题。

CSS:

对于主包装:

.main-wrapper {
    width: 100%;
    height: 100%;
    margin: 95px 0px 0px 0px;
    padding: 0;
    overflow: visible;
    display: table;
}

页脚:

footer {
    width: 100%;
    padding: 30px 0px 25px 0px;
    font-size: 13px;
}

答案 1 :(得分:0)

如果您希望页脚始终显示在屏幕底部,请将页脚元素的CSS属性从position:absolute更改为position:fixed

如果您只想在页面底部显示页脚,请删除页脚元素的position: absolute和正文元素的height:100%

页脚设置为position:absolute时,页脚显示在页面中间的原因是因为页脚的包含块是由最近的祖先建立的'位置'绝对的','亲戚'或者'固定',因为没有这样的祖先,包含的块是视口,所以当你向上滚动页面时,页脚会显示在页面的中间。

请参阅containing block details