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