就如这个标准的盒模型为例!可视尺寸是由哪些组成!
这是一个非常好的问题,听了老师的讲解后,我立刻做了一个试验:结果发现clientWith实际上包含的是content width和padding width,然后又去查阅MDN官方文档发现,标准的定义也是如此,并不包含border width.
只读属性
Element.clientWidth
对于内联元素以及没有 CSS 样式的元素为 0;否则,它是元素内部的宽度(以像素为单位)。该属性包括内边距(padding),但不包括边框(border)、外边距(margin)和垂直滚动条(如果存在)。
我的理解是这样的
刚刚又听了一遍说可视尺寸:实线范围内:那就是说:border+padding+(1024*72)!这就是可视尺寸这样对吗?
而占据尺寸:margin+border+padding+(1024*72)!对吗?