html– 如何计算元素的宽度和高度？

概述我的理解是,元素的宽度=(左边框宽度左边填充宽度内容宽度右边距宽度右边框宽度)元素的高度=(顶部边框高度顶部填充高度内容高度底部填充高度底部边框高度)下面是相同的图表.元素的宽度=(10 10 140 10 10)= 180元素的高度=(10 10 150 10 10)= 190保证金不包括在元素的大小中.内容与填充仅包含在单击区域中.以上公式是否正确计算h

我的理解是,

元素的宽度=(左边框宽度左边填充宽度内容宽度右边距宽度右边框宽度)

元素的高度=(顶部边框高度顶部填充高度内容高度底部填充高度底部边框高度)

下面是相同的图表.

元素的宽度=(10 10 140 10 10)= 180

元素的高度=(10 10 150 10 10)= 190

保证金不包括在元素的大小中.

内容与填充仅包含在单击区域中.

以上公式是否正确计算HTML元素的宽度和高度？

最佳答案听起来你所描述的是元素的offsetWIDth和offsetHeight,它返回元素的“布局宽度和高度”,即所有计算后的最终宽度.

MDN defines offsetWidth以下方式：

The HTMLElement.offsetWIDth read-only property returns the layout wIDth of an element. Typically,an element’s offsetWIDth is a measurement which includes the element borders,the element horizontal padding,the element vertical scrollbar (if present,if rendered) and the element CSS wIDth.

因此,要回答您的问题,元素的最终布局宽度通常是元素边框,水平填充,垂直滚动条宽度和内容宽度的总和.

最终布局高度(offsetHeight)将类似.

总结

以上是内存溢出为你收集整理的html – 如何计算元素的宽度和高度？全部内容，希望文章能够帮你解决html – 如何计算元素的宽度和高度？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。