CSS页脚不会粘在页面底部

前端之家收集整理的这篇文章主要介绍了CSS页脚不会粘在页面底部前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我在css布局中设置粘性页脚有些困难.我一直试图从http://www.cssstickyfooter.com/开始考虑这个想法,但如果div中的内容不够高,则页脚不会停留在页面底部.

css文件

* {
 margin:0;
 padding:0;
 } 

body {
 height:100%; 
 margin:0px; 
 padding:0px;
 }

#wrap {
 min-height: 100%;
 }

#container {
 overflow:auto;
 padding-bottom: 150px;
 text-align:left;
 width:800px;
 margin:auto;
 }

#header {
 height:240px; 
 margin-top:20px;
}

#navigation {
 float:left; 
 width:800px; 
 margin-top:20px;
}

#content-container {
 float:left;
 width: 800px;
}

#left {
 clear:left; 
 float:left: 
 width:480px; 
 height: auto;
 margin: 20px 0px 20px 0px;
 padding: 20px 10px 20px 10px;
}

#right {
 float:right; 
 width:275px; 
 height:auto;
 margin: 20px 0px 20px 0px;
 padding: 20px 10px 20px 10px; 
}

#footer {
 position: relative;
 clear:both;
 height:150px;
 margin-top: -150px;
}

#columns {
 width:800px;
 height:150px;
 margin:auto;
}

#colleft {
 float:left;
 width:400px;
 height:150px;
}

#colright {
 float:right;
 position:relative;
 width:260px;
 height:150px;
}

html文件

最佳答案
我相信你不见了

html { height: 100%; }

 来自你的CSS.

猜你在找的CSS相关文章