概述
在标准盒模型中,元素的总宽度由height
、margin
、border
和padding
来确定,其计算方式如下:
总宽度 = 内容宽度 + 左内边距 + 右内边距 + 左边框宽度 + 右边框宽度 + 左外边距 + 右外边距
那么每次获取元素的宽度就一定是获取这个总宽度吗?
以例为证
代码如下:
<style>
.parent {
margin: 100px auto;
width: 400px;
height: 400px;
border: 1px dashed #438de8;
}
.children {
height: 100px;
width: 100px;
border: 1px solid orange;
background: red;