首頁  >  文章  >  web前端  >  css中的三種基本定位機制

css中的三種基本定位機制

高洛峰
高洛峰原創
2017-02-23 09:45:191527瀏覽

css中的三種基本定位機制

  a.普通文檔流

  b.定位:相對定位

      絕對定位

      絕對定位

#       

  c.浮動

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

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

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

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

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

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

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

更多css中的三種基本定位機制 相關文章請關注PHP中文網! ###
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn