1

在我的网站here 上，我们对不同的城镇使用相同的CSS，但是这里没有内容的无人居住/新城镇的页脚向上并在下面留下一个大的白色间隙。

我尝试了一种不起作用的粘性页脚方法。

这是页脚CSS：

#footer-wrapper, #push {
    height: 100px; /* .push must be the same height as .footer */
        overflow:hidden;
}
#footer-wrapper {clear:both;width:100%;border-top:1px solid #323232;padding:20px 0 0;
background: #33383c;
background: #3F4952 url("/images/bg.jpg") repeat;
}

内容包装器：

#main-content {
margin: 0 5% -100px;
min-width:960px;
max-width:1137px;
overflow: hidden;
}

而且我想知道右/左导航相等列CSS是否会影响它，例如：

.right-nav {
float: right;
width: 29.4%;
border-left: 1px solid #Dddddd;
padding-top:2em;
padding-bottom:10040px;
margin-bottom:-10000px;
}

任何想法都会很棒。

4

3 回答 3

0

即使div 没有内容，也可以放在divmin-height上以将页脚向下推。#main-content#main-content

#main-content {
  margin: 0 5% -100px;
  min-width:960px;
  max-width:1137px;
  min-height:600px;
  overflow: hidden;
}

或者

添加position:absolute;到#footer-wrapperdiv 以将其拉到 100% 高度body标签的底部。

于 2013-05-13T14:36:44.900 回答
0

height:100%;我通过添加来修复它#main-content。

不知道为什么我以前没有接受过这个，但感谢您的回复。

于 2013-05-13T19:03:28.840 回答
0

我用min-height:100%on修复了它#main-content。

Height:100%切断填充页面上的页面末尾，而min-height:100%在两者上都有效。

于 2013-05-13T19:09:17.720 回答