2

ここ数週間、html と css を学んでいます。今、来週の水曜日に予定されている学校のポートフォリオ Web サイトを作成する必要があります。悲しいことに、思い通りに動作させることができず、この Web サイトで助けを見つけたいと思っていました。

全幅の div と全幅のフッターで構成されるサイトのアイデアがありました。計画では、フッターを常に div の下部に固定し (画面が小さすぎてフッターがコンテンツに重ならない限り)、コンテンツのボリュームに応じて div のサイズを変更することでした。小さな画面のラップトップでは動作するようですが、大きな画面のコンピューターで Web サイトを開くと、フッターが正しく配置されません。

ウェブサイトはhttp://home.deds.nl/~gwleuverink/concept/index.htmlで見ることができます。

誰かがこれで私を助けてくれることを願っています!

4

1 に答える 1

1

この例を参照してください

HTML

<div id="container">
   <div id="header"></div>
   <div id="body"></div>
   <div id="footer"></div>
</div>

CSS

html,
body {
   margin:0;
   padding:0;
   height:100%;
}
#container {
   min-height:100%;
   position:relative;
}
#header {
   background:#ff0;
   padding:10px;
}
#body {
   padding:10px;
   padding-bottom:60px;   /* Height of the footer */
}
#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:60px;   /* Height of the footer */
   background:#6cf;
}

詳細については、このリンクを確認してくださいhttp://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page

于 2012-11-01T07:17:28.417 に答える