Html的盒子模型
1.总的来说Html元素可以分为两类：即块状元素和行内元素。
2.块状元素（Block）类型的元素可以设置Width和Height值属性，而行内（Inline）类型无效。
3.浏览器在读取Html源代码的时候是根据元素在代码中出现的顺序读取，是依据元素的盒子模型来决定的。即行内元素从左道右，块状
元素从上到下的顺序来呈现。
4.块级框从上到下一个接一个的排列，框之间的垂直距离是由框的垂直外边距计算出来。
5.行内框在一行中水平布置，可以使用水平内边距，边框和外边距调整他们的距离。
6.盒子模型在CSS中如果没有给元素指定定位模式，默认的认为Position定位为静态定位，元素出现在正常流中，这是给元素指定Top,
bottom,right,left或者Z-index声明无效。
文章摘自：艾维艾科技