Google Chrome Inspector中显示的“身高”是否包含边框?

时间:2015-04-13 15:09:14

标签: html css google-chrome google-chrome-devtools

将鼠标悬停在Chrome检查器中的元素上会显示其高度和宽度:

Chrome inspector demo

在“样式”下,它还显示计算的高度和宽度。

我的问题是:“身高”和“宽度”是这个?它是否包括边界?

2 个答案:

答案 0 :(得分:3)

该宽度和高度弹出窗口不包括marginposition

popover中显示的宽度和高度是widthheight添加了元素的paddingborder

完整的个人金额将显示在计算部分中,但通过一些基本添加,您应该能够看到弹出值为width + l-r padding + l-r border和同样的高度。

enter image description here

如图所示,核心widthheight包含在paddingborder中,并被实线包围。

答案 1 :(得分:0)

看起来包含边框。右键单击>检查元素>手动更改边框宽度,这一点很明显。

相关问题