css中絕對定位與相對定位的區別

kbx8916發表於2016-07-12

絕對定位

position:absolute:相對於最經的已定位的原始祖先或初始包含塊進行定位,這其中的最近的已定位的原始祖先可以是絕對定位,也可以是相對定位。

其中top,left,right,bottom都是相對與包含塊的偏移。正值時是包含塊內的偏移距離,負值時是在包含塊外的偏移距離。如果是相對定位時,這個包含塊可看做是它本身。

絕對定位的元素在文件流中所在的位置關閉,就好像不存在一樣。


相對定位的情況下,是相對與它自身進行定位。相對定位的元素在文件流中的所佔距的空間仍然保留。







相關文章