在CSS 中，用 float 和 position 的區別是什麽
在CSS 中，用 float 和 position的區別如下：
1、Float屬性
float的屬性值有none、left、right，有幾個要點：
只有橫向浮動，並沒有縱向浮動。
當元素應用了float屬性後，將會脫離普通流，其容器（父）元素將得不到脫離普通流的子元素高度。
會將元素的display屬性變更為block。
浮動元素的後壹個元素會圍繞著浮動元素（典型運用是文字圍繞圖片），與應用了position的元素相比浮動元素並不會遮蓋後壹個元素。
浮動元素的前壹個元素不會受到任何影響（如果妳想讓兩個塊狀元素並排顯示，必須讓兩個塊狀元素都應用float）。
2、Position屬性值
Position的屬性值***有四個static、relative、absolute、fixed。
應用了position: absolute的元素會循著節點樹中的父（祖）元素來確定“根”，然後相對這個“根”元素來偏移。如果在其節點樹中所有父（祖）元素都沒有設置position屬性值為relative或者absolute則該元素最終將對body進行位置偏移。應用了position: absolute的元素會脫離頁面中的普通流並改變Display屬性（重點）
<body style="background: yellow;">
<div style="background: #fff">
A
<div style="background: #81b6ff">
A - 1
<div style="background: #b6ff00;">
A - 2
</div>
</div>
</div>
</body>