本文介绍了一种使用Compass框架实现的CSS粘性页脚布局方法，通过设置页脚高度及选择器来确保页脚始终处于屏幕底部，即使内容长度发生变化也能保持位置不变。
<body>
<div id="root">
<div id="root_footer"></div>
</div>
<div id="footer">
Footer content goes here.
</div>
8 </body>//index.css
@include sticky-footer(54px) //参数为footer高度
@include sticky-footer(54px, "#my-root", "#my-root-footer", "#my-footer") // 自定义选择器官方在线demo http://compass-style.org/examples/compass/layout/sticky-footer/
具体的语法:
sticky-footer($footer-height, $root-selector, $root-footer-selector, $footer-selector)
$footer-height：页脚高度
$root-selector：页面主题的id
$root-footer-selector：形式上的页脚id
$footer-selector：真是页脚
扫一扫
753
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
