提示：我们一般网页上下用标准流，左右用浮动来写

 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的区别。