ウィンドウ上の外側の「内側」がサイズ変更されないのはなぜですか?

なぜ外側の

は内側の

を完全に囲むことができませんウィンドウが狭くなったとき?

この問題は、さまざまな CSS プロパティと要素の表示設定の間の相互作用から発生します。デフォルトでは、

などのブロックレベルの要素は、それを含むブロックの利用可能な幅を満たすまで拡張されます。この場合、外側の

は

外側の

を防ぐには、より広いブロックを含むブロック内のブロック レベルの要素です。内側の

の幅未満に縮小しないように、inline-block プロパティと min-width プロパティの組み合わせを利用できます。説明は次のとおりです:

• inline-block: この表示値により、特定の幅と高さを定義する機能を保持しながら、要素がインライン要素のように動作できるようになります。これにより、要素が新しい行に分割されるのを防ぎ、親要素内に要素が含まれるようになります。
• min-width: 100%: 外側の が実行されるのを防ぎます。外側の
  の境界を越えてエスケープしないようにします。

  インラインブロック表示と min-width を組み込むことで、外側の

  を制限できます。内側の

  の幅を抱き締めます。ブロックレベルの動作を維持しながら。

以上がウィンドウ上の外側の「内側」がサイズ変更されないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース：php.cn

前の記事：太字ホバー時のインライン要素の移動を防ぐにはどうすればよいですか? 次の記事：Flash や PHP を使用せずにカスタム フォントを HTML に統合するにはどうすればよいですか?

このウェブサイトの声明

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

著者別の最新記事

最新の問題

function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";

から 2024-04-29 11:01:01

0

3

2497

Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?

から 2024-04-23 00:22:19

0

11

2643

子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。

から 2024-04-19 15:37:47

0

1

2232

親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');

から 2024-04-18 23:52:34

0

1

2097

CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア

から 2024-04-16 10:10:18

0

0

2200

関連トピック

詳細>

• フィルコインの中国語名は何ですか?
• USB2.0と3.0の速度の違い
• 携帯電話でphpファイルを開く方法
• Pythonのコメントショートカットキー
• vps
• デフォルトのプリンターを設定する
• 独自の Git サーバーを構築する
• 接続リセットの解決策