0

使用 Susy Grids，如何强制容器最小高度为 100%，页脚位于页面底部。

html

<div class="page">
  <header id="header-container">header</header>
  <section ="main-container">
    some short content
  </section>
  <footer id="footer-container">footer</footer>
</div>

css/scss

$total-columns  : 16; 
$column-width   : 4.5%;
$gutter-width   : 1%;
$grid-padding   : 6.5%;
$legacy-support-for-ie6 : false;

.page { @include container;}
#main-container{@include span-columns($total-columns omega);}
#footer-container{
    @include clearfix;
    @include reset-columns; 
    min-height:100px;}
4

2 回答 2

3

这可能是Compass Sticky Footer mixin的工作。

于 2013-02-12T21:16:21.203 回答
1

我可能错了——但 susy 通常处理基于宽度或水平的定位问题（xy 定位的 Y）——高度和垂直定位不是 susy 担心的问题。

同样，我可能是错的——但我认为你正在寻找错误的工具——另外，你总是可以只写普通的 css 来实现你想要做的事情。

像这样的工具很棒，但是记住最后你真的只是得到 CSS 是一件好事 - 所以如果你不确定如何使用 CSS 来完成某事，也许你不应该使用工具来为您编写该 CSS。我总是确保我使用的工具产生了我想要的 CSS，如果不是 - 我不使用那个工具。

于 2013-02-07T23:23:15.003 回答