CSS3 Box-sizing的理解
box-sizing 是 CSS3 的box属性之一。一说到CSS的盒模型( Box model )我想很多人都会比较烦,特别是对于新手,然而这个 Box model 又是我们CSS运用中比较重要的一个属性。那么 CSS3 的 Box-sizing 跟盒模型有什么关系呢?第一句话就说了,Box-sizing是 CSS3 的Box属性之一,那他当然也遵循CSS的 Box model 原理,为了能更好的学习和理解这个 Box-sizing 属性,我们有必要先了解一下CSS中 Box model 的原理。 CSS中B ox model 是分为两种,第一种是 W3C 的标准模型,另一种是IE的传统模型,他们相同之处都是对元素计算尺寸的模型,具体说就是对元素的width,height,padding,border以及元素实际尺寸的计算关系;他们不同之处呢?两者的计算方法不一至: 1、W3C的标准Box Model: /盒尺寸计算(元素空间尺寸) Element空间高度 = content height + padding + border + margin Element 空间宽度 = content width + padding + border + margin /盒尺寸计算(元素大小) Element Height = content height + padding +