盒模型宽度计算
默认情况下:
#div1 {
width: 100px;
padding: 10px;
border: 1px solid #ccc;
margin: 10px;
}
offsetWidth = width + padding + border
盒模型宽度 = 内容宽度 + 内边距 + 边框 (不算外边距)
设置 box-sizing: border-box 情况下:
#div1 {
width: 100px;
padding: 10px;
border: 1px solid #ccc;
margin: 10px;
box-sizing: border-box;
}
offsetWidth = width = 内容宽度 + padding + border

浙公网安备 33010602011771号