基础 - CSS3盒模型

Posted WeWeZhang

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了基础 - CSS3盒模型相关的知识,希望对你有一定的参考价值。

content

padding

border

margin

 

常见问题:

 

W3C盒子下的width height和 IE盒子下的width height?

W3C盒子下的width height  padding内部的区域,即content

IE盒子下的width height    margin内部的区域,即content+padding+border

 

CSS3的解决方案

/*以border为盒子界*/
box-sizing: border-box;

  

 

以上是关于基础 - CSS3盒模型的主要内容,如果未能解决你的问题,请参考以下文章

CSS3盒模型温故

基础选择器,CSS3选择器, 盒模型,浮动

css盒模型(css的两种盒模型:标准盒模型怪异盒模型)和 css3指定盒子模型种类的box-sizing属性

CSS3之盒模型

CSS3总结四:盒模型(box)

CSS布局盒模型CSS3弹性盒模型