他の DIV が配置された後、DIV がコンテナの残りの幅を満たすようにするにはどうすればよいですか?
Dec 03, 2024 am 04:39 AM残りの幅を DIV で埋める
多くの場合、コンテナ div の残りの幅を別の div に割り当てることが必要になります。この例では、「div1」と「div3」が割り当てられたスペースを占めた後に残る幅を「div2」で埋めることが目標です。
これを実現するには、次の CSS を使用します。
#divMain { width: 500px; } #div1 { width: 100px; float: left; background-color: #fcc; } #div2 { margin-left: 100px; margin-right: 100px; background-color: #cfc; } #div3 { width: 100px; float: right; background-color: #ccf; }
ログイン後にコピー
説明:
- 「div」特に明示的に定義されていない限り、当然のことながらコンテナの幅の 100% を占めます。
- 「div1」と「div3」には固定幅が与えられ、それぞれ「float: left」と「float: right」が与えられ、どちらかに揃えられます。
- 「div2」は、「div3」の後に配置されます。 HTML.
- 「div2」は、「div1」と「div3」の幅に相当する左右のマージンを受け取ります。これにより、その内容がコンテナ内の残りのスペースを強制的に占有します。
以上が他の DIV が配置された後、DIV がコンテナの残りの幅を満たすようにするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

人気の記事
スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか?
3週間前
By DDD
レポ:チームメイトを復活させる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
ハローキティアイランドアドベンチャー:巨大な種を手に入れる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.説明されたエネルギー結晶と彼らが何をするか(黄色のクリスタル)
1週間前
By 尊渡假赌尊渡假赌尊渡假赌

人気の記事
スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか?
3週間前
By DDD
レポ:チームメイトを復活させる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
ハローキティアイランドアドベンチャー:巨大な種を手に入れる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.説明されたエネルギー結晶と彼らが何をするか(黄色のクリスタル)
1週間前
By 尊渡假赌尊渡假赌尊渡假赌

ホットな記事タグ

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック
Gmailメールのログイン入り口はどこですか?
7134
9


Java チュートリアル
1534
14


Laravel チュートリアル
1257
25


PHP チュートリアル
1205
29


CakePHP チュートリアル
1155
46



Smart Forms Frameworkを使用してJavaScript連絡フォームを作成する

5つの最高のPHPフォームビルダー(および3つの無料スクリプト)を比較する

node.jsとexpressのMulterを使用してファイルアップロードします
