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 に答える