与以前相同的问题(请参阅Sticky Footer, but only sometimes和Sticky Footer, but only sometimes...continued)...
我有一个页脚,我想坚持页面的底部,除非内容填充页面,然后我希望它被推下来。我已经和其他网站一起做了十几次,但我无法让这个工作。在Wordpress中工作。我检查了divs
的顺序,我已经过了css ...任何帮助都表示赞赏。
主要的css组件:
* {
margin: 0;
padding: 0;
}
html, body {
height:100%;
min-height:100%;
}
#wrapper {
background:url("images/shadowborder.png") repeat-y center;
width:100%;
max-width:100%;
min-width:980px;
min-height:100%!important;
margin:0 auto;
margin-bottom:-20px;
position:relative;
overflow:auto;
}
#content {
clear:both;
float:left;
padding:20px 20px 60px 20px;
font-size: 1.6em
}
#spacer {
height: 40px;
clear: both;
}
#footer {
position: relative;
border-top: 1px solid #e5a5fc;
padding:3px!important;
height:20px;
}
网站:
答案 0 :(得分:0)
我使用的食谱是:
height: 100%
html
min-height: 100%
和position: relative
body
(height:100%
代表ie6)position: absolute
和bottom: 0
虽然可能很难防止页脚在底部附近遮挡一些文字。