Google Chrome Inspector 中显示的 "height" 是否包含边框?
Does "height" shown in Google Chrome Inspector include border?
将鼠标悬停在 Chrome 检查器中的元素上会显示其高度和宽度:
在"styles"下它也显示了计算出的高度和宽度。
我的问题是:"height" 和 "width" 是哪个?它包括边框吗?
看起来包括边框。右键单击 > 检查元素 > 手动更改边框宽度,这就很明显了。
该宽度和高度弹出窗口不包括 margin
或 position
。
popover中显示的宽度和高度是width
和height
加上元素的padding
和border
。
完整的个人金额显示在计算部分,但通过一些基本添加,您应该能够看到弹出值是 width
+ l-r padding
+ l-r border
高度也一样。
如图所示,核心width
和height
被包围在实线包围的padding
和border
内。
将鼠标悬停在 Chrome 检查器中的元素上会显示其高度和宽度:
在"styles"下它也显示了计算出的高度和宽度。
我的问题是:"height" 和 "width" 是哪个?它包括边框吗?
看起来包括边框。右键单击 > 检查元素 > 手动更改边框宽度,这就很明显了。
该宽度和高度弹出窗口不包括 margin
或 position
。
popover中显示的宽度和高度是width
和height
加上元素的padding
和border
。
完整的个人金额显示在计算部分,但通过一些基本添加,您应该能够看到弹出值是 width
+ l-r padding
+ l-r border
高度也一样。
如图所示,核心width
和height
被包围在实线包围的padding
和border
内。