使用div+CSS将页脚始终控制在页面最下方的方法

2020-04-30 15:11:31易采站长站整理

            <p>容量:<span>24M</span>/<span>2G</span></p>     
        </div>     
    </div>     
</div>     
<div id="container" style="border-bottom:#FFFFFF 60px solid;">     
    <div class="aside fl"> dsfcndsjkcnsd</div>     
    <div class="article fl">cdsklcmdskcmkdslcmksdlckldsmcskl</div>     
</div>     
<div id="footer">footer</div>    

简单总结

第一种方式,不论内容占据的空间相对浏览器视口多高,浏览器侧面的滚动条总是会出现。第二种则使用了 !importent,但是侧面的滚动条旨在需要的时候出现。两种方法的共同点是都有一个比footer高度相等或稍大的下边距。