两种盒模型(box-sizing)区别

96 阅读1分钟

第一种盒模型为content-box(W3C标准,即浏览器默认标准)

即width指定的是内容部分的宽度,而非实际宽度

实际宽度=width+padding+margin实际宽度= width + padding + margin

第二种盒模型为border-box(IE标准)

即width指定的是左右边框外侧的距离

实际宽度=width实际宽度 = width