Compass布局模块

weixin_33922670

于 2016-04-27 04:30:32 发布

阅读量114

点赞数

CC 4.0 BY-SA版权

原文链接：https://segmentfault.com/a/1190000005017140

本文将介绍如何在网页中使用sticky-footer混合器实现固定页脚始终显示在页面底部，并详细阐述了stretch、strech-x、strech-y混合器在创建可伸展元素方面的应用，提供了具体的参数设置方法。

sticky-footer混合器

index.html

<div id="content">
        这是内容
    </div>
    <div id="footer">
        这是页脚
    </div>

@include sticky-footer(40px, "#content", "#footer" "#sticky-footer")

stretch混合器有4个参数：$coffset-top $offset-right $offset-bottom $offset-left
@include strech(5px, 5px, 5px, 5px)
strech-x 混合器有2个参数：$offset-left $offset-right
strech-y 混合器有2个参数：$offset-top $offset-bottom