コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > レイアウトの問題でウィンドウが 2 つに分割される_html/css_WEB-ITnose

レイアウトの問題でウィンドウが 2 つに分割される_html/css_WEB-ITnose

WBOY
リリース： 2016-06-24 12:15:42
オリジナル
1693 人が閲覧しました

ブラウザウィンドウを上部と下部の div に分割します。上部の div の高さは 300px で、残りの領域は下部の div に与えられます。最初に js を使用して高さを計算するだけで済みますか?外部ウィンドウを取得し、上の div の高さを減算して、下の div の高さを取得します。


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

この投稿は、net_lover によって 2012-10-14 15:27:45 に最終編集されました 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><style>html,body{height:100%;margin:0;padding:0;}</style></head><body><div id="top" style="height:80px;background:#f00; position:absolute; top:0; width:100%"></div><div id="main" style="height:100%;background:#000;margin-top:0!important; margin-top:-80px"></div></body></html>
ログイン後にコピー
関連ラベル：
布局问题 将窗口一分为二
ソース：php.cn
前の記事：ヘルプ: js について問題_html/css_WEB-ITnose 次の記事：質問: ページのリンクを削除すると SEO に影響がありますか? _html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
VueJS 2 アプリケーションが 1 にコンパイルされました フロントエンドとして VueJS を使用してアプリケーションを構築しています。しかし、私たちは 2 つのアプリを 1 つに統合しているようなものです。一般に公開される電子商取引側に...
から 2024-04-03 12:00:59
0
1
371
TypeError: ThreeJs を使用して未定義のプロパティを読み取ることができません (「位置」を読み取ります) Web サイトのヒーロー セクションの背景に 3D モデルを統合しようとしています。これは機能しますが、ウィンドウ サイズを手動で変更すると、3D モデルが新しいサイズに適応しない...
から 2024-04-01 12:01:52
0
1
416
React.js CSS ウィンドウの幅 Reactを使用してレスポンシブWebサイトを開発しています。スタイル設定には CSS スタイルシートを使用します。応答部分は @media クエリを使用して CSS で実装されま...
から 2024-03-31 16:31:23
0
1
386
ウィンドウが短すぎると、Flexbox アイテムがコンテナからオーバーフローし、サイドバーが下部の位置合わせを維持できなくなります。 ヘッダー、2x2 コンテンツ グリッド、サイドバーで構成される単純なフレックス レイアウトを使用しようとしています。ウィンドウの幅が一定のサイズより小さい場合、サイドバーは画面の下...
から 2024-03-31 00:03:58
0
1
355
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート