盒子与浮动

第一种  标准盒子

1 padding 的值不能未负数

2 width height  都是指的是内容的宽度和高度，其内外边距，都是都在增加盒子意外的部分

3 border  是向外面延伸的，但是是固定的搞定等，不参与百分比

第二种  怪异盒子

1 直接将盒子的宽和高设定为盒子的自身整体的属性，如果带边框和边距，通过缩小内容来实现

  box-sizing 来转换

  属性1 content-box  设定盒子为标准盒子

          标注计算：with/height+padding+border

  属性2 border-box  设定盒子为怪异盒子

          计算：with/height