简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

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

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


十分なコンテンツがなく、フッター部分の下に空白スペースがある場合、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 までご連絡ください。
著者別の最新記事
最新の問題
Office 365 SMTP を使用するように PHPMailer を構成する クライアントの 1 人が自分のアカウントからメールを自動的に生成できるように、PHPMailer をセットアップしようとしています。 Office365 アカウントにログインしたと...
から 2023-10-16 10:39:47
0
2
299
子要素の可視性を維持しながら背景画像の不透明度を変更する 子要素の不透明度に影響を与えずに背景画像の不透明度を設定することはできますか?サンプル フッター内のすべてのリンクにはカスタム箇条書き (背景画像) が必要で、カスタム箇条書きの不...
から 2023-10-10 19:40:19
0
1
257
ビデオ解像度に基づいてサイズ変更およびドラッグするビデオピッカーの X 座標と Y 座標を取得します。 @use-gesture/react と @react-spring/web を使用して、ビデオ上にドラッグ可能でサイズ変更可能なセレクター オーバーレイを作成しています。 vid...
から 2023-09-19 10:00:05
0
1
238
カバーの仕方！重要？ WordPress テンプレートの元の CSS をオーバーライドするカスタム スタイルシートを作成しました。ただし、私のカレンダー ページでは、元の CSS は ! importa...
から 2023-08-23 18:46:30
0
2
236
コンテンツの拡張を制限するグリッド項目 TL;DR: CSS グリッド レイアウト用の table-layout:fixed に似たプロパティはありますか?月を表す大きな 4x3 グリッドと、日付を表す 7x6 グリッド...
から 2023-08-20 19:49:37
0
2
268
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！