效果:
可以在给元素定义宽高时,把border的宽度计算到width和height中。
当width为10px,border为5px时,设置box-sizing:border-box时,元素实际宽度为10px。
否则元素实际宽度为15px。
浏览器支持:
Internet Explorer, Opera和Chrome支持box-sizing 属性。
Firefox通过私有属性- MOZ-box-sizing 支持。
效果:
可以在给元素定义宽高时,把border的宽度计算到width和height中。
当width为10px,border为5px时,设置box-sizing:border-box时,元素实际宽度为10px。
否则元素实际宽度为15px。
浏览器支持:
Internet Explorer, Opera和Chrome支持box-sizing 属性。
Firefox通过私有属性- MOZ-box-sizing 支持。