CSSクラスセレクターのwidthプロパティを確認するにはどうすればよいですか?例は .label{} です。

Question

これは、.label の幅 270 を選択した CSS コードに対する私のコメントです:

ブラウザの開発者ツールを使用して .label 要素を検査すると、実際の幅は 270 ピクセルではなく 288 ピクセルであることがわかります。これは、ブラウザでは要素のサイズを決定するときにデフォルトで境界線とパディングが含まれるためです。 < /p>

これは私の CSS コードです:

リーリー

ここで参照されている 288px をブラウザで確認するにはどうすればよいですか?

Answer 1

[検査] タブ (スクリーンショットでは Chrome) で、パディング、境界線、マージンを含む合計幅を示す、計算された寸法が表示されるはずです。

あなたの場合、それは270px (7px 7px) (2px 2px) 0px

です。