0

コンテンツに関連する (固定されていない) フッターを作成したいと思いますが、画面の残りの部分を埋めます。たとえば、私の大きなモニターでは、フッターは同じ場所から始まりますが、100px いっぱいになります (たとえば)。小さいモニターでは、75px を埋めるだけで済みます。100% を使用してみましたが、ページが非常に大きくなり、ユーザーが下にスクロールして画面全体をフッターで埋めることができます。画面の下部をほぼ埋めるように、もう少し妥当なサイズにする方法はありますか? 私の現在のコードはこれです：

.footer
{
    position:relative; //can't be fixed as content might overlap if extended    
    height:100%;
    width:100%; //fill the entire screen horizontally
    bottom:0px;
    margin-top:345px; //used to make sure content doesn't overlap
}
4

1 に答える 1

3

私は似たようなことに苦労していましたが、それを解決するために見つけたトリックは、body と html を min-height:100% に設定し、コンテンツと他のすべての div を 100% にすることでした。

html {
    min-height: 100%;
}
body {
    margin: 0;
    padding: 0;
    min-height: 100%;
}
#content {  
    min-height: 100%;
}
于 2010-05-09T20:27:31.737 に答える