1. 程式人生 > >fixed,absolute,relative區別

fixed,absolute,relative區別

<div id="parent">
     <div id="sub1">sub1</id>
     <div id="sub2">sub2</id>
</div>

1.fixed :fixed總是以body為定位物件的,按照瀏覽器的視窗進行定位。

2.absolute:

	1.當sub1的父物件parent也設定了position屬性**,且position的屬性值為**absolute或者relative**時,也就是說,不是預設值的情況,此時sub1按照這個parent來進行定位。

	2.如果sub1不存在一個有著position屬性的父物件**,那麼那就**會以body為定位物件,按照瀏覽器的視窗進行定位

3.relative:相對於本身的位置進行偏移,