理解盒模型

1：怎么理解盒模型 ？

解： 标准模型 和  IE盒模型.

由外边距margin、内边距padding、边框border、内容content组成。 

2：标准模型 和  IE盒模型宽度是怎么计算的？

解：标准模型宽度 = content.

IE盒模型宽度 = border + content + padding.

3: 怎么设置相关的盒模型呢？

解： 标准模型  box-sizing: content-box.

       IE盒模型  box-sizing : border-box.

4.现在问问题举例 当child为标准盒模型和IE盒模型，求parent的高。

解： 答案 child标准时parent 高度100px ， child为IE模型时parent的高度为120px;

2：变式问题，将.child{padding-top:20px 改为 margin-top:20px;} child为标准盒模型和IE盒模型求parent的高。

答案：100px. 注意。