0

作成しなければならないレイアウトに関して問題があります。上のレイアウトは私が現在持っているものです。Main-div にコンテンツを追加して拡張すると、フッターの垂直位置が増加します。これは私が望んでいることです。しかし、メインにコンテンツがほとんどない場合、フッターと画面の下の境界線の間にスペースがあり、これは醜いです;) 私はフッターを一番下にくっつけようとしました. 結果: メインに多くのコンテンツを追加すると、フッターはメインの div とそのコンテンツの上に配置されます:( 説明するのは少し難しいですが、私が何を意味するか知っていると思います.

私が達成したいのは、下のレイアウトです。メイン div は「screen.height - header.height - footer.height」にする必要があります。

これは可能ですか？前もって感謝します！

さようなら The_Unknown

サンプル画像

4

1 に答える 1

0

これを試して：

<style type="text/css">
   html,body {
      height:100%
   }

   #wrapper {
     min-height:100%;
     margin-bottom:-150px; /* negative total computed height of footer */
   }

   #footer_padding {
     height:150px; /* total computed height of footer */
   }

   #footer {
     height:100px;
     margin-top:50px;
   }
</style>    


<div id="wrapper">

   <div>some content...</div>

   <div id="footer_padding"></div>

</div>

<div id="footer"></div>
于 2013-01-31T21:58:07.017 に答える