提示：我们一般网页上下用标准流，左右用浮动来写
1.1传统网页布局三种方式
网页布局本质——用css来摆放盒子，把盒子摆放到相应位置。css提供了三种传统布局简单方式，说就是盒子如何进行排列顺序：
- 普通流（或者叫标准流）
- 浮动
- 定位
1.2标准流（普通流、文档流）
所谓的标准流，就是标签按照规定，好默认方式排列。
1、块级元素会独占一行，从上向下顺序排列。
- 常用元素：div、hr、p、h1~h6、ul>li、dl>dt、form、table
2、行内元素会按照顺序，从左到右顺序排列，碰到父元素边缘则自动换行。
- 常用元素：span、a、i、em.........等
以上都是标准流布局，我们前面学习的就是标准流，标准流就是基本的布局方式。这三种方式都是用来摆放盒子，盒子摆放到合适位置，布局自然就完成了。
注意：
实际开发中，一个页面基本都包含了这三种布局方式（后面移动端学习新的布局方式）。
1.3为什么需要浮动
总结：有很多布局效果，标准流没有办法完成，此时就可以利用浮动（float）完成布局，因为浮动可以改变元素标签默认的排列方式:
浮动最典型的应用：可以让多个块元素、行内排列显示、网页布局第一准则：
多个块级元素纵向排列找标准流
多个块级元素横向排列找浮动
float：“left”；
注意：
不是div标签标准流不行，可以用标准流行内块模式，因为每一个div标签中间有空格或者间隙，
display: inline-block；结果：
所以用浮动float来，表达式：float：left或者right；结果：
总结
提示：这里对文章进行总结：
例如：以上就是今天要讲的内容，本文仅仅简单介绍了标准流行内块 display: inline-block；和浮动float：left、right的区别。
