這是我對 css 代碼的評論,其中我為 .label 選擇了 270 的寬度:
如果您使用瀏覽器的開發(fā)人員工具檢查 .label 元素,您可能會注意到它實際上是 288 像素寬,而不是 270 像素。這是因為,默認情況下,瀏覽器在確定元素大小時包括邊框和填充。< /p>
這是我的 CSS 代碼:
.label { border: 2px solid black; width: 270px; margin: 20px auto; padding: 0 7px;
如何在瀏覽器中檢查以確認此處引用的 288px?
在“檢查”選項卡(屏幕截圖中的 Chrome)中,您應該能夠看到計算出的尺寸,其中顯示了聚合寬度,包括內(nèi)邊距、邊框和邊距。
在您的情況下,它是 270px (7px 7px) (2px 2px) 0px