Question

使用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;}

Answer 1

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

Answer 2

我可能错了 - 但是susy通常会处理基于宽度或水平的定位问题（x-y定位的Y） - 高度和垂直定位并不是一件令人担忧的问题。

同样，我可能错了 - 但我认为你正在寻找错误的工具 - 另外，你总是可以写普通的 css来实现你的目标试图做。

这样的工具很棒，但要记住，最后你真的只是在使用CSS - 所以如果你不确定如何使用CSS来实现它是一件好事。也许你不应该使用工具来为你编写CSS。我总是确保我使用的工具生成我想要的CSS，如果不是 - 我不会使用该工具。

苏西在底部获得页脚

2 个答案: