css關於相對定位與絕對定位

    1.通常若是咱們不給元素設置position，則默認爲static，此時是該元素是沒有定位的，像left/right這些偏移屬性都是沒有效果的。

    

    2.position:relative （相對定位）

    若設置爲相對定位，便可配置left/right這些偏移，相對於該元素原有位置進行偏移，而且，原有位置任佔據着文檔流的空間，偏移並不會擠開別的元素，因此若是發生重疊，能夠經過z-index設置堆疊順序。

    3.position:absolute（絕對定位）

    當一個元素設置爲絕對定位的時候，在文檔流中是不佔據空間的，會上浮。與相對定位不一樣的是絕對定位會刪除文檔流中原有位置的空間，定位則是經過不爲static的父元素來定位（若父元素爲static，則則找父元素的父元素，往上級找）。