CSS Sass Sticky Footer Mixin

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS Sass Sticky Footer Mixin相关的知识,希望对你有一定的参考价值。

=sticky-footer($footer_height, $root_selector:"#root", $root_footer_selector:"#root_footer", $footer_selector:"#footer")
  html
    :height 100%
  body
    :height 100%
  #{$root_selector}
    :min-height 100%
    :margin-bottom -#{$footer_height}
    #{$root_footer_selector}
      :height #{$footer_height}
  #{$footer_selector}
    :clear            both
    :position         relative
    :height          #{$footer_height}

以上是关于CSS Sass Sticky Footer Mixin的主要内容,如果未能解决你的问题,请参考以下文章

css Sticky footer html5(http://ryanfait.com/html5-sticky-footer/)

CSS Sticky Footer 实现的问题

css 粘性页脚 - http://9seeds.com/tech/sticky-footer-genesis/

sticky footer布局,定位底部footer

sticky footer

raamwerk sticky footer center 3科洛门分部