jquery - 幅を 110 に設定

Question

例では、なぜ幅が 110 ではないのですか。しかし、幅を110に設定するクロスブラウザの方法は何ですか.

score 2 · Accepted Answer

パディングとボーダーを考慮して、 outerWidthで幅を取得してみてください。

score 1 · Accepted Answer

これは、と呼ばれるあまり知られていないプロパティが原因box-sizingです。

ボックスサイズは、オブジェクトのレンダリングに使用されるボックスモデルを決定します。

ほとんどの要素ではcontent-boxがデフォルトですが、フォーム要素はデフォルトでborder-boxになる傾向があり、フォーム要素のスタイルを設定するときに少しイライラする可能性があります。

ボックスサイジングに関する優れたリンクは次のとおりです

score 0 · Accepted Answer

幅は、内側の幅 (パディングと境界ピクセルを削除) を返す .width() か、合計の幅を返す .outerWidth() を使用して読み取ることができます。

幅は、.outerWidth(size) ではなく、.width(size) を使用してのみ設定できます。

3 に答える 3