文档流

网页就是文档

文档流指的是 文档中可现实的对象在排列时所占用的位置

块元素在文档流中独占一行  从上到下排列 块的默认高度由子元素内容撑开 块的宽默认是父元素的100%

内联元素在文档流中只占自身大小 从左向右排列（自动换行）宽高被内容撑开  

浮动（float）

float：none；不浮动

float：left；向左浮动（向左上方）

float：right；向右浮动（向右上方）

块元素和内联元素都可以浮动，当一个内联元素浮动以后将会自动变为一 个块元素。

当一个块级元素浮动以后，宽度会默认被内容撑开，所以当漂浮一个块级元素时我们都会为其指定一个宽度。

文字绕图

去掉默认样式

*{

margin: 0;

padding: 0;

}

内联元素的浮动

块元素脱离文档流 如果没有设置宽高 宽高会被内容撑开 

内联元素添加浮动 可以脱离文档流 内联元素不能设置宽高 宽高 默认被内容撑开，会变成块元素

网页布局

固定布局

自适应布局