介绍盒子模型?IE盒子模型和W3C盒子模型的区别?CSS3中如何设置?

W3C标准盒子模型:

  包括:内容(width,height),padding,border,margin

  盒子的可视宽度为:width + padding + border

标准盒子模型:

 

 

IE盒子模型:

  包括:内容,padding,border,margin

  盒子的可视宽度为:width

  盒子的内容宽度为:width - border - padding

IE盒子模型

  

 

 

CSS3中新增了box-sizing样式:

  box-sizing:content-box;=> W3C标准盒子模型

  box-sizing:border-box; => IE盒子模型

 

posted @ 2021-04-24 15:06  #Friday  阅读(111)  评论(0)    收藏  举报