chrome控制檯使用二

·檢查和編輯框模型參數

使用 Computed 窗格檢查和編輯當前元素的框模型參數。框模型中的所有值均可修改,只需點擊它們即可。


同軸矩形包含當前元素 padding、border 和 margin 屬性的 top、bottom、left、right 值。

對於位置爲非靜態的元素,還會顯示 position 矩形,包含 top、right、bottom 和 left 屬性的值


對於 position: fixed 和 position: absolute 元素,中心域包含選定元素實際的 offsetWidth × offsetHeight 像素尺寸。所有值都可以通過雙擊修改,就像 Styles 窗格中的屬性值一樣。不過,無法保證這些更改能夠生效,因爲這要取決於具體的元素定位詳情。