了解 H5 盒子模型

一. 概念：
1.属性：边界（margin） 边框（border） 填充（padding）和内容（content）。其中填充、边框、边界、属性分别由css3的padding、border、margin属性设定，而内容属性宽度由width、height属性设定。
二. 行内和块状的区别：
A.排列方式不同：行内排列是在一横排，而块状则是一个块独占一行，
B.内嵌元素不同：行内可以有行内元素，而块状可以包含行内元素和块状元素。
C.属性设置不同：样式规则钟所设置的样式对于块状元素全部有效，对于行内元素来说width、height、padding-top 以及margin-top有时设置无效。
三. 盒子的浮动
如何去除浮动
A.对父级设置合适的css高度
B.clear:both 清除浮动（在父级</ div> 结束前的一个无关要紧的div引入clear:both样式）
C.对父级css选择器加overflow:hidden样式，清除父级内使用float产生浮动。