标准盒子模型与怪异盒子模型

标准盒子模型与怪异盒子模型转换的属性box-sizing

如果没有<!Doctype html>IE浏览器会触发怪异盒子模型

怪异盒子模型在计算宽度和高度的时候padding和border不会撑大盒子的大小实际height=（margin-top）+height+（margin-bottom）

Content-box默认值标准和模型

实际width=（margin-left）+width+（margin-right）

值boder-box是怪异盒子模型

盒子模型存在的问题

给元素本身加float

给父元素添加float 会导致margin：0 auto不生效

给父元素添加padding 会撑大父元素的高度要想保证父元素高度不变需要在原来高度的基础上做减法或者使用怪异盒子模型

给元素添加border 会撑大父元素的高度要想保证父元素高度不变需要在原来高度的基础上做减法或者使用怪异盒子模型

给父元素添加overflow：hidden 如果内容存在溢出会被裁切

上下盒子的margin会发生重叠，取较大值