ホームページ >ウェブフロントエンド >htmlチュートリアル >アダプティブ Web ページ設定 height_html/css_WEB-ITnose

アダプティブ Web ページ設定 height_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:33:101278ブラウズ


十分なコンテンツがなく、フッター部分の下に空白スペースがある場合、Web ページを画面の高さに合わせて調整するにはどうすればよいですか?


ディスカッションへの返信(解決策)

html,body{height:100%;}.footer{position:absolute;bottom:0;}

<style>#footer{position:fixed;bottom:0;z-index:10}</style>

その設定本体高さは 100% で、フッター スタイルをbottom: 0 に設定し、本文の下部に配置します

html,body{height:100%;}.footer{position:absolute;bottom:0;}

しかし、私のコンテンツには境界線があります。フッターが下に下がっても、境界線はまだ上にあります。それを解決する方法はありますか?
1ae004f19365043c6a7503a529273224

; height:auto; text-align:center; padding-bottom:60px;"&gt; -60px;">
/body>

投稿者が希望しているものと似たような書き方になります

ボーダーとコンテンツは一緒にステップダウンします

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。