武林網(www.49028c.com)文章簡介:所有元素的默認定位都是:position:static,這意味著元素沒有被定位,而且在文檔中出現在它應該在的位置。
1. position:static所有元素的默認定位都是:position:static,這意味著元素沒有被定位,而且在文檔中出現在它應該在的位置。
一般來說,不用指定 position:static,除非想要覆蓋之前設置的定位。
#div-1 { position:static;}
如果設定 position:relative,就可以使用 top,bottom,left 和 right 來相對于元素在文檔中應該出現的位置來移動這個元素?!疽馑际窃貙嶋H上依然占據文檔中的原有位置,只是視覺上相對于它在文檔中的原有位置移動了】
#div-1 { position:relative; top:20px; left:-40px;}
當指定 position:absolute 時,元素就脫離了文檔【即在文檔中已經不占據位置了】,可以準確的按照設置的 top,bottom,left 和 right 來定位了。
#div-1a { position:absolute; top:0; right:0; width:200px;}
如果我們給 div-1 設置 relative 定位,那么 div-1 內的所有元素都會相對 div-1 定位。如果給 div-1a 設置 absolute 定位,就可以把 div-1a 移動到 div-1 的右上方。
#div-1 { position:relative;}#div-1a { position:absolute; top:0; right:0; width:200px;}
新聞熱點
疑難解答