問題タブ [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.
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 によって考慮されないため、全幅が使用されるのではないでしょうか? お知らせ下さい。
html - マージンや境界線のプロパティと同様に、ボックスのサイズ変更も継承できないプロパティですか?
私はcssが初めてで、css inheritaneで遊んでみました。プロパティを bodyに追加box-sizing:border-box
すると、その子要素 (私の場合は要素) に継承されません<section>
。margin や border のような他の非継承プロパティと同じですか?