| CSS Sticky Footer: 完美的CSS绝对底部 |
|
| 作者:佚名 文章来源:本站原创 点击数: 更新时间:2026/7/17 23:59:50 | 【字体:小 大】 |
|
凌洛斯特皇家贵族学院下面是我找到的一个比较完美的方法,来自国外的设计达人,纯CSS,可以实现: 当正文内容很少时,底部位于窗口最下面。当改变窗口高度时,不会出现重叠问题。
说明: 使用这个布局的前提,就是footer要在总的div容器之外,footer使用一个层,其它所有内容使用一个总的层。如果确实需要到添加其它同级层,那这个同级层就必须使用position:absolute进行绝对定位。
就是这么简单,不过还没完。如果你的主体是使用悬浮布局,还得解决一些浏览器的兼容问题,这里使用的重点是为了Goolge Chrome。
注: 该方案测试于两栏悬浮布局,兼容各大主流浏览器,包括Google Chrome。
|
|