一、文档流
块元素在文档流中的特点：块元素只有在文档流中会独占一行，从上到下排列
默认宽占父元素的%100，文档默认高度由子元素（内容）撑开
内联元素在文档流中的特点：span内联元素在文档流中，不会独占一行，从左往右排序，一行放不下自动换行
高和宽默认由内容撑开，内联元素设置高和宽不显示
二、浮动
块元素在文档流当中默认的是垂直排列
如何让块元素水平排列？
首先，块元素脱离文档流，使用float来使元素浮动，从而脱离文档流
其次，再参照方向进行移动
可选值：
none，默认值，元素默认在文档流中排列
left，元素会立即脱离文档流，向页面的左侧浮动
right，元素会立即脱离文档流，向页面的右侧浮动
元素浮动以后，会尽量向页面的左上或这是右上漂浮，直到遇到父元素的边框或者其他的浮动元素
如果浮动元素上边是一个没有浮动的块元素，则浮动元素不会超过块元素
如何超过？
将没有浮动的块元素与浮动元素调换位置
当display可选值为none时，隐藏元素，不显示元素,不占位置
inline-block：行内块元素，可以使这个元素既设置宽高又不独占一行
三、文字绕图
通过浮动设置文字绕图
将页面上所有的默认样式去掉
*{
margin:0;
padding:0;
}
当p元素里面有内容时，不用设高，内容自动撑开
这时，将box1进行浮动，就实现了文字环绕的效果
四、内联元素的浮动
在文档流中，子元素的宽默认占父元素的100%，并随着浏览器的大小进行自动调整
内联元素设置宽高无效时，添加浮动，使其脱离文档流，成为块元素，只有块元素才可以宽高生效，宽高都是被内容撑开的
内联元素默认被内容撑开，内联元素不可设置宽高
五、简单布局
网页布局内容：
1、固定网页布局
2、自适应网页布局
