當乙個元素使用絕對定位後，它的位置將依據瀏覽器左上角開始計算或相對于父容器（在父容器使用相對定位時）。 絕對定位使元素脫離文件流，因此不佔據空間。普通文件流中元素的布局就當絕對定位的元素不存在時一樣。因為絕對定位的框與文件流無關，所以它們可以覆蓋頁面上的其他元素。
而浮動元素的定位還是基於正常的文件流，然後從文件流中抽出並盡可能遠的移動至左側或者右側。文字內容會圍繞在浮動元素周圍。當乙個元素從正常文件流中抽出後，仍然在文件流中的其他元素將忽略該元素並填補他原先的空間。它只是改變了文件流的顯示，而沒有脫離文件流，理解了這一點，就很容易弄明白什麼時候用定位，什麼時候用浮動了。
乙個元素浮動或絕對定位後，它將自動轉換為塊級元素，而不論該元素本身是什麼型別。
絕對定位absolute和浮動定位float的異同
absolute 生成絕對定位的元素，相對於最近一級的定位不是 static 的父元素來進行定位。fixed 老ie不支援 生成絕對定位的元素，通常相對於瀏覽器視窗或 frame 進行定位。relative 生成相對定位的元素，相對於其在普通流中的位置進行定位。static 預設值。沒有定位，元素出...
浮動和定位的區別
動 float 和絕對定位 position absolute 相同點 1 都是漂起來 離開原來的位置 2 並且都不佔著原來的位置 3 另外，如h1包文字的標籤，預設只設height的情況下，它的width是鋪滿父元素的寬度的，而當浮動或絕對定位後，它的寬度就是h1內文字的寬度 不同點 float後...
css 浮動 相對定位 絕對定位區別
html是按照檔案流 普通流 的方式載入的，但是全部是普通流的話，很多好看的樣式是實現不了的，所以出現了浮動，相對定位，絕對定位的概念。一 首先，按照普通流和非普通流來分類 普通流 就是按照上下左右的順序一行一行排列的，長度不夠就會自動擠到下一行。非普通流 顧名思義就是脫離普通流的，在普通流上面是不...