ボックスのサイズ変更を取得すると、それを待って、幅にボーダー、マージン、およびパディングが含まれるように指定できるようになります。私たちは流行りの新しい名前「CSS3 Flexbox」を付けました。今ではデザイナーが探し求めていた自由です。
いいえ、「ボーダーボックス」モデルと呼んでいます。Flexboxはまったく別のものです。これは、ボックスの寸法を計算する方法をブラウザに伝えるために使用されるbox-sizing
プロパティとは無関係です。
ボックスモデルのバグをバグではなく、W3C を実際のバグと見なした論理的な人々にとって、これは驚きです。このいわゆるバグの再導入、そして今ではそれを機能強化と呼んでいますか?
では、なぜこれが違うのか誰かが説明できますか? 私はこれについて正直に混乱しています。
これは、長い間バグと見なされていました。当時、CSS が取り上げられ始めたばかりの頃は、誰もが従わなければならない One True Box Model ( W3C コンテンツ ボックス モデル) しかなく、当時IE は黒い羊。しかしその後、IE の根性を嫌う人々でさえ、このバグを気に入ったため、境界ボックスのサイズ変更がオプションとして CSS3 仕様に追加されました。簡潔でシンプル。1
IE5.x (および quirks モードの IE 2 ) は、仕様のどのバージョンでも常にバグのある動作を示し続けることに注意してください。サポートされていない他のブラウザーの古いバージョンは、box-sizing
常に標準モードの元のコンテンツ ボックス モデルに従います (常にではありませんが、ほぼ標準モードの場合もあります)。
1 現在、元の W3C コンテンツ ボックス モデルと「新しい」ボーダー ボックス モデルの少なくとも 2 つがあります。Mozilla が検討している3 番目のパディング ボックスモデルもありますが、これはここで話していることとはあまり関係がなく、とにかく CSS3 UI CR から削除されるリスクがあります。
2 尋ねる人によっては、これは代わりに「機能」と見なされる場合があります。なぜなら、互換モードの主な目的は、レガシー コードで使用するバグのあるブラウザー レンダリングをエミュレートすることであり、新しいコードでの使用を意図していないためです。