問題タブ [box-sizing]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
642 参照

html - Microsoft Edge はボックスのサイズ変更をサポートしていません: border-box?

高さと幅が指定された div コンテナがあります [たとえば、幅 = 280px & 高さ = 30px]。div には、css 属性を持つテキストボックス [input type=text] が含まれています: box-sizing=border-box & width=100% 2 つの div コンテナーを隣接して配置しましたが、テキストボックス間にスペースがあるはずです。

これは、Chrome と Mozilla で問題なく動作します。ただし、Microsoft Edge はテキスト ボックスを div 全体に広げ、隣接するテキスト ボックスの間にスペースはありません。Box-sizing は Edge によって考慮されないため、全幅が使用されるのではないでしょうか? お知らせ下さい。

0 投票する
1 に答える
77 参照

html - マージンや境界線のプロパティと同様に、ボックスのサイズ変更も継承できないプロパティですか?

私はcssが初めてで、css inheritaneで遊んでみました。プロパティを bodyに追加box-sizing:border-boxすると、その子要素 ​​(私の場合は要素) に継承されません<section>。margin や border のような他の非継承プロパティと同じですか?