box-sizing: content-box
(W3C盒子模型):元素的宽高大小表现为内容的大小。 box-sizing: border-box
(IE盒子模型):元素的宽高表现为内容 + 内边距 + 边框的大小。背景会延伸到边框的外沿。
IE5.x和IE6在怪异模式中使用非标准的盒子模型,这些浏览器的width
属性不是内容的宽度,而是内容、内边距和边框的宽度的总和。
box-sizing: content-box
(W3C盒子模型):元素的宽高大小表现为内容的大小。 box-sizing: border-box
(IE盒子模型):元素的宽高表现为内容 + 内边距 + 边框的大小。背景会延伸到边框的外沿。
IE5.x和IE6在怪异模式中使用非标准的盒子模型,这些浏览器的width
属性不是内容的宽度,而是内容、内边距和边框的宽度的总和。