css中的三種定位機制

css中的三種基本定位機制

a.一般文件流程

b.定位：相對定位

　　       絕對定位

#　　　   固定定位

c.浮動

1.普通流中，元素位置由文件順序和元素性質決定，區塊級元素從上到下依序排列，框之間的垂直距離由框的垂直margin值計算得到，行內元素在一行中水平佈置

2.相對定位看作普通流的一部分，移動後的元素仍佔據原來的位置，移動元素會導致他覆蓋其他的框

3.絕對定位相對於已定位的最近的祖先元素，絕對定位脫離普通流

4.固定定位是相對於瀏覽器視窗的定位

5.浮動的元素可以左右移動，直到他的外邊框邊緣碰到包含自己的框或另一個浮動框的邊緣

6.浮動的元素脫離普通文檔流

7.行內元素和行內塊元素會圍繞浮動框排列，塊元素會被覆蓋

更多css中的三種定位機制相關文章請關注PHP中文網！