Javascript 如果文本缩进设置为百分比值,计算时使用的宽度是多少?

Javascript 如果文本缩进设置为百分比值,计算时使用的宽度是多少?,javascript,jquery,css,Javascript,Jquery,Css,另一个问题与重写my(30%)父项宽度有关。它将始终继承父项宽度的百分比 填充和边框会增加父宽度,而边距不会增加,即 #example {width: 200px; padding: 0 5px; border: 1px solid #000;} 总宽度为212px 边距是一种定位工具,只影响对象之间的间距。我已经计算出来了。计算中不包括边框,因为从技术上讲,元素的宽度中不包括边框。只测量内部宽度;没有边框、填充、边距等。好的,所以除了边距之外,其他都是边距。是的。边距是有意义的仅用于定位di

另一个问题与重写my(30%)父项宽度有关。它将始终继承父项宽度的百分比

填充和边框会增加父宽度,而边距不会增加,即

#example {width: 200px; padding: 0 5px; border: 1px solid #000;}
总宽度为212px


边距是一种定位工具,只影响对象之间的间距。

我已经计算出来了。计算中不包括边框,因为从技术上讲,元素的宽度中不包括边框。只测量内部宽度;没有边框、填充、边距等。

好的,所以除了边距之外,其他都是边距。是的。边距是有意义的仅用于定位div的位置。例如,填充将增加子元素和div边框之间的空间。实际上,计算中似乎不包括边框:(至少在Chrome上)@SimpleCode当您将宽度指定为百分比时,它是父元素内容大小的百分比,不包括父元素的边框或填充。类似地,为元素指定的宽度也是内容宽度,与边框和填充分开。因此,如果您要求100%的宽度,并且您的元素有一些填充和边框,则整个width将大于父元素宽度的100%。这是标准的“W3C盒模型”,在我看来,这在大多数情况下都是一个巨大的难题。