布局技巧-流式布局、浮动布局、定位布局（相对/绝对）

流式布局：从上到下、从左到右，输出文档内容
浮动布局：利用Float属性，left、right；添加浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。
清除浮动方法：1、clear left right both none 2、width：100% ；overflow：hidden；
定位布局：相对定位relative和绝对定位absolute；定位布局主要应用于遮罩层、全屏提示框、广告等。
两种定位的区别：
相对定位：元素仍处于标准文档中，相对自身原有位置进行偏移；
绝对定位：元素以包含块为基准的定位，完全脱离了标准文档流；
相同点：偏移属性和z-index属性