2012-04-23 8 views
1

ボックスモデルのバグは、存在していたからです。要素の幅に余白、枠線、詰め物が含まれているという考えは、不愉快であり、彼らの感覚には嫌なものでした。だから私たちはボックスモデルのハックについて数千のインターネットブログの後でそれから離れました。ボックスモデルのバグと新しいボックスサイズのCSSの違いは何ですか?

これでボックスサイズを取得しました。これで待ち、境界線、余白、およびパディングが幅に含まれるように指定できます。 「CSS3 Flexbox」というトレンディな新しい名前をつけています。今ではデザイナーが探していた自由です。

ボックスモデルのバグをバグではなく、W3Cを実際のバグと見なした論理的な人にとっては、これは驚きです。このいわゆるバグを再導入し、今これを強化と呼んでいますか?

誰かがこれがなぜ違うのか説明できますか?私は正直にこれについて混乱しています。

+1

*実装*が*仕様*に正しく従っていない場合は、「バグ」となります。これは*仕様*の設計上の選択については何も言いません。 –

+2

@pst:正しい。バグの実装が[Ascended Glitch](http://tvtropes.org/pmwiki/pmwiki.php/Main/AscendedGlitch)になってしまっただけです。 – BoltClock

答えて

4

ここでボックスサイズを取得します。これは、幅、境界、余白、およびパディングが含まれるように指定します。 「CSS3 Flexbox」というトレンディな新しい名前をつけています。今ではデザイナーが探していた自由です。

いいえ、これを「境界ボックス」モデルといいます。 Flexboxはまったく別物です。 box-sizing propertyとは無関係です。これは、ブラウザにボックスの寸法を計算する方法を伝えるために使用されます。

ボックスモデルのバグをバグではなく、W3Cを実際のバグとして見た論理的な人々にとって、これは驚きです。このいわゆるバグを再導入し、今これを強化と呼んでいますか?

誰かがこれがなぜ違うのか説明できますか?私は正直にこれについて混乱しています。それは時間で、CSSだけでピックアップし始めて、その時にされたときに誰もが従わなければならなかった唯一の唯一の真のボックスモデル(W3C content box model)があったので、長い時間のためのバグとみなされるために使用

時間IE was the black sheep。しかし、people — even those who hated IE's guts — liked this bug, and so border box sizing was added into the CSS3 spec as an option。簡潔でシンプル。

IE5.x(とQuirksモードIE )は常にいかなる仕様のバージョン、およびbox-sizingをサポートしていませんでした他のブラウザの旧バージョンごとにバギーの挙動を示し続けることに注意してください標準モードで元のコンテンツボックスモデルに従います(ほとんどの標準モードでは必ずしもそうではない場合もあります)。


今、少なくとも2、オリジナルのW3Cコンテンツボックスモデルと「新しい」境界ボックスモデルがあります。また、第3のpadding box model being explored by Mozillaもありますが、ここで話している内容と実際には関係なく、CSS3 UI CRから落とされる危険性があります。Quirksモードの主な目的はにあるとして、あなたが尋ねる人によっては、これは、代わりに「機能」とみなすことができる

レガシーコードで使用するためのレンダリングバギーブラウザをエミュレートし、新しいコードでの使用を意図していません。

+0

"いいえ、それを"境界ボックス "モデルと呼んでいます。フレキシブルボックスはまったく違うもので、ブラウザにボックスの寸法を計算する方法を伝えるボックスサイズプロパティとは無関係です。真実。私はまた、私は間隔とフレックスボックスにあった別の問題を考えていた。あなたは私が本当に何を意味しているか話して説明しました。 –

+1

"IEの嫌いな人たちでさえ、このバグが好きだったので、ボーダーボックスのサイジングがオプションとしてCSS3仕様に追加されました。これは今や理にかなっています。一番長い間、私はボックスモデルのバグについて人々が話しているのを見ただけなので、人々がそれを好きであったという理由で、この呼びかけがあったことは本当に気づいていませんでした。彼らはいつもちょうど "私はIEが嫌いだから、ボックスモデルのバグが嫌い、w3cの方法が最高です"と言いました。それをクリアしていただきありがとうございます。そしてAFAIK、ボックスサイズは、Mozillaパディングマージンボックスを含むようになっているはずですが、あなたのソースはより良いかもしれません。 –

+1

CSS3 UIのLast Callドラフトでは、実装が不足しているためにドロップされる可能性があります(現時点ではMozillaのみがあります)。それではまた、時間だけが教えてくれるでしょう。 – BoltClock

関連する問題