浮動float，定位position理解

浮動，定位能夠實現網頁的排版

float屬性總結
使用場景一：實現網頁中並排佈局
特色:
實現左右並排時
一、當父元素足夠寬度足夠時，則依次佈局
二、浮動的元素佔據空間的寬度就是內容的寬度

缺點:
影響:父元素高度塌陷
緣由:子元素

清除浮動方法
一、能夠增長父元素的高度
二、能夠增長一個空的div，而後讓他清除上下左右浮動及clear:both;

position屬性總結
使用場景:定位能夠使元素固定在某一位置

一、有絕對定位，相對定位，固定定位3中屬性

A、絕對定位（要有一個參照點）,最好以最近的一個父類元素爲參照，讓父類元素相對定位
特色:
a、會脫離文檔流，本來在文檔流佔用的空間會釋放出來
b、原點計算是根據最近一個有定位的父類元素，若是有定位，就根據body的（0 ,0）定位

B、相對定位
使用場景一:兩個元素明顯重疊時
a、不會脫離文檔流（不會釋放原來空間）
b、原點計算根據本身在標準文檔流的位置

C、固定定位
a、脫離文檔流（內容有多寬，就有多寬）
b、原點計算永遠跟着窗口