传统网页布局的三种方式，普通流(标准流)、浮动、定位。
网页布局准则:
（1）多个块级元示纵向排列：用标准流；横同排列：用浮动。
（2）先设置盒子大小，再设置盒子位置。
浮动：
1. 最典型应用：使块级元素一行内排列展示。
2. 语法:选择器{float:属性值；}
属性值有none,left，rght。
float属性用于创建浮动框，将其移动到一边，直利左边缘/右边缘包含块或另个浮动框的边缘。
3.浮动特性
（1）浮动元示会脱离标准流(院标)，浮动的盒子不再保留原先位置。
（2）若多个盒子投置了浮动,则它们会按照属性值一行内显示开且顶端对界排列，中间无缝隙。若父级宽装不下这些浮动的盒子，多出的另起一行对齐。
（3）浮动元素具有行内块元素的特性。
注意点：
（1）浮动元素经常和标准流父级搭配使用
先用标准流的父元素排到上下位置，内部用浮动
（2）一个元素浮动了，理论上其余兄弟元素也要浮动
5.清除浮动
（1）类似产品可能很多或新闻不知道多少字这种情况，不方便给高度时:父盒子不合适给高度，但是子盒子活动不占位置，所以父盒子高度为0，会影响下面的标准流盒子，所以需要清除浮动。
清除将动后，父级会跟据浮动的于盒子自动检测高度，父级有了高度，就不会影响下面的标准流。
语法：选择器{clear：属性值:}
属性值有left，right,both
策略：闭合浮动
方法有额外标签法；父级添加overflow属性，属性值设为hidden或者auto或者scroll；父级添加after伪元素；父级添加双伪元素。
定位
1. 浮动元素可以让多个块级元素一行没有缝隙排列显示，经常用于横向排列盒子。定位则可以让盒子自由的在某个盒子内移动位置，或者固定屏幕中某个位置，并且可以压住其他盒子。
2. 定位：将盒子定在某一位置，所以定位也是在摆盒子，按照定位的方式移动盒子。
定位=定位模式+边偏移。
定位模式：通过css的position属性设置，有static，relative，absolute，fixed。
边偏移：top，bottom，left，right。
定位中经常用到子绝父相。
