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

css中的三種基本定位機制

高洛峰
發布: 2017-02-23 09:45:19
原創
1549 人瀏覽過

css中的三種基本定位機制

  a.普通文檔流

  b.定位:相對定位

      絕對定位

      絕對定位

#       

  c.浮動

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

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

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

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

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

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

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

更多css中的三種基本定位機制 相關文章請關注PHP中文網! ###
相關標籤:
css
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板