程序博客网 > 高级软件开发工程师

compass 中的页脚固定 sticky-footer

来源：互联网发布：高级软件开发工程师编辑：程序博客网时间：2024/05/01 21:47

<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：真是页脚

阅读全文

0 0

高级软件开发工程师

高级软件开发工程师

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子二次人生沐声沐寒声傅夜七傅七夜沐寒声钻石暗婚温宠入骨沐寒声这不是我想过的生活沐之声沐婉沐子沐宸沐宸这个名字的含义天沐温泉情侣汤屋沐川沐川县沐川县酒店沐川县属于哪个市沐川县旅游局沐希顾承煜顾承煜沐希沐希强开初蒙by沐希沐希顾承煜16章今生相逢皆是错沐希沐思沐恩花园3号驯奴营txt沐恩先生沐易沐晗沐晨四季沐歌沐歌卫浴沐歌四季沐歌太阳能四季沐歌太阳能售后电话四季沐歌太阳能说明书四季沐歌热水器四季沐歌属于什么档次四季沐歌太阳能技术有限公司四季沐歌马桶四季沐歌智能马桶四季沐歌太阳能安装图四季沐歌售后四季沐歌太阳能20管价格表