このテーマに関する多くの記事を見つけましたが、どれもうまくいきません。コンテンツが十分に大きくないときに画面の下部にあるフッターを作成したいのですが、コンテンツが画面よりも長い場合フッターがコンテンツの下にとどまり、画面の下部にくっつきません。
前もって感謝します！
4 に答える
1
これは、それを行う方法のもう1つの例であり、AFAIKのすべてのブラウザーで正常に機能します。 http://peterned.home.xs4all.nl/examples/csslayout1.html
編集：私は作者ではありません。少し前にそのようなものを探しました。
于 2013-05-05T08:56:23.470 に答える
0
-- JavaScript で行う
- 例
<div class='content'>
your page
</div>
<div class='Footer'>Footer</div>
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
var document_height = $(document).height();
var content_height = $('.content').height();
if (content_height < document_height) {
$('.content').css('height', (document_height));
}
</script>
于 2013-05-05T09:15:28.520 に答える
0
編集: CSS Sticky Footerを試してください: これは素晴らしく、CSS のみです。
試してみたい場合は、absoluteCSS の position プロパティも機能する可能性があります。チェックアウトMDN ドキュメント:
#footer {
position: absolute;
bottom: 0;
}
于 2013-05-05T08:45:00.137 に答える
0
実際にはCSSだけでこれを行うのは非常に簡単ですが、いくつかの小さな制限があります. これがどのように行われるかのデモです（コードを取得するにはソースを表示してください）：
http://www.pmob.co.uk/temp/sticky-footer-ie8new-no-table.htm
必要な場合に備えて、これがどのように機能するかの詳細な説明を次に示します。
于 2013-05-05T08:47:37.303 に答える