標籤在網頁中的預設排放順序
使標籤脫離原來的文件流 在父標籤中浮動起來
通過< float >設定 left向左浮動 none不浮動 right向右浮動
.f1
浮動標籤不會撐開父標籤
清除標籤周圍的浮動對標籤的影響 其他標籤位置不發生變化
"clear">
相對定位
相對於起點移動 , 移動後原來的位置還被占用著
.n1
開啟相對定位後 , 不設定偏移量 , 標籤不會發生任何變化
相對定位是相對於原來在文件流中的原來位置進行定位
相對定位的標籤不會脫離原來的文件流
不會改變標籤的性質
絕對定位
絕對定位不會占用空間,絕對定位會使標籤浮動起來,視覺上會與其他標籤重合
.n2
標籤會脫離原來的文件流
開啟後如果不設定偏移量,標籤的位置不會發生變化
開啟絕對定位以後，如果不設定偏移量，則標籤的位置不會發生變化
絕對定位是相對於離他最近的開啟了定位的祖先標籤進行定位（一般情況，開啟了子標籤的絕對定位都會同時開啟父標籤的相對定位 如果所有的祖先標籤都沒有開啟定位，則會相對於瀏覽器視窗進行定位）
會將行級標籤變為塊級標籤
可以設定標籤的堆疊順序----如果定位標籤的層級是一樣，下邊的標籤會蓋住上邊的標籤
通過z-index屬性可以用來設定標籤的層級-------可以為z-index指定乙個正整數作為值，該值將會作為當前標籤的層級 層級越高，越優先顯示
必須開啟定位的標籤才可以使用z-index
CSS定位 浮動定位
css定位機制 浮動定位 float屬性 進行浮動定位 left，right clear屬性 清除浮動 left，right，both float屬性 1.概述 div實現橫向多列布局 float屬性 left 左浮動 right 右浮動 none 不浮動 下圖為 的實現 float屬性用途 在 混...
css浮動定位
請看下圖，當把框 1 向右浮動時，它脫離文件流並且向右移動，直到它的右邊緣碰到包含框的右邊緣 如果把所有三個框都向左移動，那麼框 1 向左浮動直到碰到包含框，另外兩個框向左浮動直到碰到前乙個浮動框。在 css 中，我們通過 float 屬性實現元素的浮動。浮動框旁邊的行框被縮短，從而給浮動框留出空間...
CSS浮動定位
left 左浮動，左邊沒有任何元素 right 右浮動，右邊沒有任何元素 none 不浮動 清空左右的浮動元素 both 清除左右兩邊的浮動 left和right 只清除乙個方向的浮動 none是預設值 只在需要移除一直盯的清除值時用到 如果乙個元素的子元素都浮動起來，那麼他的父元素的高度自動坍塌到...