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

css中的三種定位機制

高洛峰
發布: 2017-02-27 09:11:11
原創
1686 人瀏覽過

css中的三種基本定位機制

a.一般文件流程

b.定位:相對定位

         絕對定位

#      固定定位

c.浮動

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

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

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

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

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

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

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

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

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