您好,欢迎来到刀刀网。
搜索
您的当前位置:首页StickyFooter(让页脚永远停靠在页面底部,而不是根据绝对位置)_html/css

StickyFooter(让页脚永远停靠在页面底部,而不是根据绝对位置)_html/css

来源:刀刀网







super胡







sagsdhgdf



你会发现,页脚的高度在这里被重复使用了三次,这是至关重要的,而且三个高度必须使用同样的值。wrap 的height属性把自己拉伸至窗口全部高度的尺寸,负的margin会把footer提高到main 的padding的位置上去,因为main已经在wrap的里面,所以main的padding已经是wrap 100%高度的一部分。 这样,footer就留在页面的底部了。

现在还不算完成,我们还需要去clearfix main 。
.clearfix:after {content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}

Copyright © 2019- gamedaodao.com 版权所有 湘ICP备2022005869号-6

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务