浮動，定位可以實現網頁的排版
float屬性總結
使用場景一：實現網頁中併排布局
特點:實現左右併排時
1、當父元素足夠寬度足夠時，則依次布局
2、浮動的元素佔據空間的寬度就是內容的寬度
缺點:影響:父元素高度塌陷
原因:子元素
清除浮動方法
1、可以增加父元素的高度
2、可以增加乙個空的div，然後讓他清除上下左右浮動及clear:both;
position屬性總結
使用場景:定位可以使元素固定在某一位置
1、有絕對定位，相對定位，固定定位3中屬性
a、絕對定位（要有乙個參照點）,最好以最近的乙個父類元素為參照，讓父類元素相對定位
特點:a、會脫離文件流，原本在文件流占用的空間會釋放出來
b、原點計算是根據最近乙個有定位的父類元素，如果有定位，就根據body的（0 ,0）定位
b、相對定位
使用場景一:兩個元素明顯重疊時
a、不會脫離文件流（不會釋放原來空間）
b、原點計算根據自己在標準文件流的位置
c、固定定位
a、脫離文件流（內容有多寬，就有多寬）
b、原點計算永遠跟著視窗
理解CSS浮動float 定位position
一 浮動float i 定義及規則 float預設為none,對應標準流的情況。當float left 時，元素就會向其父元素的左側靠緊，脫離標準流，同時寬度不再伸展至充滿父容器，而是根據自身內容來確定。ii 演示規則 準備 xml html code複製內容到剪貼簿 wxdwhjv 1 中間給 f...
float浮動，定位
1 浮動定位 1 普通流定位 普通流，由稱為文件流 塊級元素 從上到下乙個乙個的排列 行內元素 一行內從左到右的排列 2 浮動定位 2.1 什麼是浮動定位 將元素排列在普通流之外，即脫離文件流 浮動元素不會佔據頁面空間 浮動元素會放置在 包含框 的左邊或右邊 浮動元素依舊位於包含框之內 浮動元素可以...
深入理解浮動定位 float
css網頁布局有兩種方式 一種是浮動式布局 另外一種是定位布局。這兩種方式的核心都脫離於文件流的控制。前提 文件流 document flow 對於乙個xhtml網頁，body元素下的任意元素，根據其前後順序，組成了乙個個上下關係，簡單說這就是文件流。瀏覽器根據這些元素的順序去顯示它們在網頁中的位置...