盒模型宽度计算

默认情况下:

#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

posted @   Better-HTQ  阅读(185)  评论(0编辑  收藏  举报
点击右上角即可分享
微信分享提示