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

答案:4 悬赏:70 手机版

解决时间 2021-03-29 00:11

提问者网友：嗝是迷路的屁
2021-03-28 04:26

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

最佳答案

五星知识达人网友：零点过十分
2021-03-28 05:03

    header

    footer
html,body {
    margin: 0;
    padding: 0!important;
    height: 100%;
}
#container {
    min-height: 100%;
    height: auto!important;
    height: 100%;
    position: relative;
}
#header {
    background: #ff0;
    padding: 10px;
}
#page {
    width: 960px;
    margin: 0 auto;
    padding-bottom: 60px;
}
#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: #6cf;
    clear: both;
}

全部回答

1楼网友：神的生死簿
2021-03-28 07:48

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

2楼网友：独行浪子会拥风
2021-03-28 07:30

在上一个div里添加一句clear：both；希望能够帮助你~追问好像效果不理想啊。。追答#container{overflow:hidden;}加上这句话就可以了~

3楼网友：一袍清酒付
2021-03-28 06:03

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

内容信息</div>

底部备案信息</div>
内容信息如果太少的话，底部就停靠在浏览器的底部。
如果内容信息多的话，希望底部会往下撑。追答#content{min-height:数字;}你自己调下数字就好了，固定该div的最小高度追问现在是底部的样式不太会写，如果内容超出，底部直接浮动在内容DIV上了，把内容给盖掉了。它不会随着内容往下撑。。一直被固定在了浏览器的底部。追答

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

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