盒子模型的了解-

盒子模型有两种：W3C和IE盒子模型盒子模型包含margin、border、padding、contentW3C的元素宽度content的宽度IE的元素宽度content+padding+border?我个人以为W3C定义盒子模型与IE定义的盒子模型，IE定义的比拼合理，元素的宽度应当包括border（边框）和padding（添补），这个和我们实际生活的盒子是同样的，W 盒子模型有两种：W3C和IE盒子模型

盒子模型包含margin、border、padding、content

W3C的元素宽度=content的宽度

IE的元素宽度=content+padding+border

我个人以为W3C定义盒子模型与IE定义的盒子模型，IE定义的比拼合理，

元素的宽度应当包括border（边框）和padding（添补），这个和我们实际生活的盒子是同样的，

W3C也相识到本人的题目了，所以在CSS3中新增了一个样式box-sizing，

包括两个属性content-box 和 border-box。

content-box ： width=content+padding+border

border-box： width=width（样式指定的宽度）

1.关于行级元素，margin-top和margin-bottom关于高低元素无效，margin-left和margin-right有效

2.关于相邻的块级元素margin-bottom和margin-top 取值方式

1） 都是正数： 取最大值 距离=Math.max(margin-botton,margin-top)

2） 都是负数： 取最小值 距离=Math.min(margin-botton,margin-top)

3）上面是正数，下面是负数或者 上面是负数，下面是正数： 正负相加 距离=margin-botton+margin-top

以上就是盒子模型的了解的细致内容，更多请关注 百分百源码网 其它相干文章！