CSS布局总结

三种布局模型：

　　1.flow 标准流布局

　　2.float 浮动布局

　　3.layer 层叠布局

关于(flow) 标准流布局

　　浏览器默认的布局方式就是标准流布局。对于标准流布局下的的块元素和行内元素的特点：

　　　　块元素：

　　　　　　1.独占一行

　　　　　　2.可设置宽高 边距

　　　　　　3.默认宽度是100%

　　　　行内元素：

　　　　　　1.不占一行

　　　　　　2.宽度 高度 上边距和下边距不可以设置

　　　　　　3.大小是根据内容自动设定，不可修改

　　　　在这个地方：

　　　　　　　　1.块元素如果不设置宽高，块元素的宽高会根据内容自动调整

　　　　　　　　2.行内元素只根据内容来占用浏览器的内容空间，而不是根据行内元素的盒子的大小，实际上对行内元素进行盒子模型的相关设置是没有多大意义的

　　　　　　　　例子：