css中的三種基本定位機制
a.普通文檔流
b.定位:相對定位
絕對定位
固定定位
c.浮動
1.普通流中,元素位置由文檔順序和元素性質(zhì)決定,塊級元素從上到下依次排列,
框之間的垂直距離由框的垂直margin值計算得到,行內(nèi)元素在一行中水平布置
2.相對定位看作普通流的一部分,移動后的元素仍占據(jù)原來的位置,
移動元素會導(dǎo)致他覆蓋其他的框
3.絕對定位相對于已定位的最近的祖先元素,絕對定位脫離普通流
4.固定定位是相對于瀏覽器窗口的定位
5.浮動的元素可以左右移動,直到他的外邊框邊緣碰到包含自己
的框或者另一個浮動框的邊緣
6.浮動的元素脫離普通文檔流
7.行內(nèi)元素和行內(nèi)塊元素會圍繞浮動框排列,塊元素會被覆蓋
【 微信掃一掃 】