效果:
可以在給元素定義寬高時,把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 支持。