コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

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

WBOY
リリース： 2016-06-24 11:33:10
オリジナル
1234 人が閲覧しました


十分なコンテンツがなく、フッター部分の下に空白スペースがある場合、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;}

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

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

投稿者が希望しているものと似たような書き方になります
。
ボーダーとコンテンツは一緒にステップダウンします

関連ラベル：
自适应网页设置高度
ソース：php.cn
前の記事：jQueryのシンプルで美しいナビゲーションmenu_html/css_WEB-ITnose 次の記事：CSS基礎学習16：CSSボックスモデル補足border-radiusattribute_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
底部をその高さの 100% に設定します 要素をページビューから非表示にし、その上部がページの下部にちょうど接触するように要素を設定したいと考えています(要素は表示されません)。要素の高さが定数 66px の場合、最初にb...
から 2024-04-04 22:41:16
0
1
1438
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート