文档流
网页就是文档
文档流指的是 文档中可现实的对象在排列时所占用的位置
块元素在文档流中独占一行 从上到下排列 块的默认高度由子元素内容撑开 块的宽默认是父元素的100%
内联元素在文档流中只占自身大小 从左向右排列（自动换行）宽高被内容撑开
浮动（float）
float：none；不浮动
float：left；向左浮动（向左上方）
float：right；向右浮动（向右上方）
块元素和内联元素都可以浮动，当一个内联元素浮动以后将会自动变为一 个块元素。
当一个块级元素浮动以后，宽度会默认被内容撑开，所以当漂浮一个块级元素时我们都会为其指定一个宽度。
文字绕图
去掉默认样式
*{
margin: 0;
padding: 0;
}
内联元素的浮动
块元素脱离文档流 如果没有设置宽高 宽高会被内容撑开
内联元素添加浮动 可以脱离文档流 内联元素不能设置宽高 宽高 默认被内容撑开，会变成块元素
网页布局
固定布局
自适应布局
