Question

DIV 永远在最底部 但内容超出会往下走

我有一个底部DIV，如果上面的内容没有填满，DIV则固定在底部，如果内容很长，底部DIV会随着内容往下撑。。。

Answer 1

<div id="container">
    <div id="header">header</div>
    <div id="page"></div>
    <div id="footer">footer</div>
</div>

html,body {
    margin: 0;
    padding: 0!important;
    height: 100%;
}
#container {
    min-height: 100%;
    height: auto!important;
    height: 100%;/* 兼容IE6，IE6不支持min-height */
    position: relative;
}
#header {
    background: #ff0;
    padding: 10px;
}
#page {
    width: 960px;
    margin: 0 auto;
    padding-bottom: 60px;/* 等于footer的高度 */
}
#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: #6cf;
    clear: both;
}

Answer 2

把底部div上面的div加上min-height:属性就可以

追问

内容信息
底部备案信息

内容信息如果太少的话，底部就停靠在浏览器的底部。
如果内容信息多的话，希望底部会往下撑。

追答

#content{min-height:数字;}你自己调下数字就好了，固定该div的最小高度

追问

现在是底部的样式不太会写，如果内容超出，底部直接浮动在内容DIV上了，把内容给盖掉了。它不会随着内容往下撑。。一直被固定在了浏览器的底部。

追答

#content{ background:#0F6;min-height:500px;}
#footer{background:#00F;}

内容内容内容内容内容内容内容内容内容内容内容内容内容内容
内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
底部内容内容内容内容内容内容内容内容内容内容内容内容
没有啊，我试了下，这样就行

Answer 3

在上一个div里添加一句clear：both；希望能够帮助你~

追问

好像效果不理想啊。。

追答

#container{overflow:hidden;}加上这句话就可以了~

Answer 4

是不是浮动的问题啊!

追问

不知道算不算浮动，反正是如果内容少的话，底部DIV就在整个浏览器的底部，，如果内容多的话，底部DIV会随着内容往下撑。这时会出现滚动条，滑动滚动条到最底下，才能看到底部，要的就是这种效果 。

追答

你是用的什么浏览器啊

追问

各种浏览器。。