浮动float，定位position理解

浮动，定位能够实现网页的排版

float属性总结
使用场景一：实现网页中并排布局
特色:
实现左右并排时
一、当父元素足够宽度足够时，则依次布局
二、浮动的元素占据空间的宽度就是内容的宽度

缺点:
影响:父元素高度塌陷
缘由:子元素

清除浮动方法
一、能够增长父元素的高度
二、能够增长一个空的div，而后让他清除上下左右浮动及clear:both;

position属性总结
使用场景:定位能够使元素固定在某一位置

一、有绝对定位，相对定位，固定定位3中属性

A、绝对定位（要有一个参照点）,最好以最近的一个父类元素为参照，让父类元素相对定位
特色:
a、会脱离文档流，本来在文档流占用的空间会释放出来
b、原点计算是根据最近一个有定位的父类元素，若是有定位，就根据body的（0 ,0）定位

B、相对定位
使用场景一:两个元素明显重叠时
a、不会脱离文档流（不会释放原来空间）
b、原点计算根据本身在标准文档流的位置

C、固定定位
a、脱离文档流（内容有多宽，就有多宽）
b、原点计算永远跟着窗口