【CSS页面布局】

网页的布局方式是就是指浏览器是如何对网页中的元素进行排版的。

标准流（文档流/普通流）排版方式（默认）

标准流处在网页的最底层，它表示的是一个页面中的位置，我们所创建的元素默认都处在标准流中

默认文档流就是对页面布局不加任何修饰，元素自动的布局方式，其特点如下：

1.元素在页面中的显示顺序与元素在代码中出现的顺序是一致的

2.块级元素独占一行空间，宽度默认为父级的100%，高度由其内容决定

3.行内元素在标准流中只占自身的大小，会默认从左向右排列，如果一行中不足以容纳所有行内元素，则换到下一行，继续自左向右，行内元素宽高由其内容所决定。

默认文档流往往不能满足我们的布局需求，可以使用如下属性改变默认布局

1.display 属性值 block， inline， inline-block

2.float 通过为float属性指定值 left, right, 使得块级元素在一行中排列

3. position 默认情况下使用的是正常布局，通过指定值来改变其布局方式（fixed relative)

浮动流排版方式（Floats)

float属性取值：

left 向左浮动元素

right 向右浮动元素

none 【默认值】，不浮动

inherit 浮动方式继承父元素

浮动元素脱离文档流，原先位置不保留，飘在文档流上方。

float：left/right；

  1.浮动流