我有以下几点：
<div class="wrapper">
<div class="top">
</div>
<div class="left">
</div>
<div class="main">
</div>
<div class="footer">
</div>
</div>
使用以下CSS：
.top {
position: absolute;
left: 0;
height: 80px;
width: 100%;
}
.left {
position: absolute;
left: 0; top: 80px; bottom: 100px;
width: 200px;
margin-left: 5px;
}
.main {
position: absolute;
left: 200px; top: 80px; bottom: 100px;
width: 84%;
}
.footer {
position: fixed;
bottom: 0;
left: 0;
}
我想将保持footer在页面底部（在left和之后main，而不管大小main是多少），但是position: fixed在浏览页面时，页脚会向上/向下滚动。我已经尝试过了position: absolute，但这并没有将页脚一直推到底。我尝试了这里找到的其他一些解决方案，但都没有成功。如何将页脚保留在页面底部（类似于footer此页面底部的）？
提前致谢！
试试这个：
.footer{
position:absolute;
bottom:0
}
位置绝对值根据包含页脚的元素移动页脚。底部0将页脚保留在其父级的底部。
如果绝对定位元素的父级具有相对位置，则此方法将起作用。更具体地说，您wrapper需要具有以下代码：
.wrapper{
position: relative
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句