css裡面position relative與position absolute 區別

時間 2021-08-13 12:30:34

1樓:匿名使用者

position:absolute這個是絕對定位;它不會隨著視窗大小變化,只是固定在乙個特定的座標軸上面;

position:relative 這是相對定位啊!和上面的相反,它可以隨視窗大小變化。

但大小仍然不會變。要是你設定成width:100%;height:

100%;這樣就會隨著視窗變大變小。。。

2樓:匿名使用者

position:absolute這個是絕對定位;

是相對於瀏覽器的定位。

比如:position:absolute;left:20px;top:80px; 這個容器始終位於距離瀏覽器左20px,距離瀏覽器上80px的這個位置。

position:relative是相對定位,是相對於前面的容器定位的。這個時候不能用top left在定位。應該用margin。

比如:當1固定了位置。1的樣式float:left;width:100px; height:800px;

2的樣式為float:left; position:relative;margin-left:20px;width:50px;

2的位置在1的右邊,距離120px

3樓:書香學程式設計

vue實踐-css樣式position/display/float屬性對比使用

解析css的position裡的relative和absolute的區別

4樓:唯美王雅寶達

absolute是絕對定位;而relative是相對定位;

解釋:絕對定位就是相對于父元素的定位,不受父元素內其他子元素的影響;

而相對定位是相對於同級元素的定位,也就是上乙個同級元素

5樓:書香學程式設計

vue實踐-css樣式position/display/float屬性對比使用

6樓:追憶小土豆

position:absolute這個是絕對定位;

是相對於瀏覽器的定位.

比如:position:absolute;left:20px;top:80px; 這個容器始終位於距離瀏覽器左20px,距離瀏覽器上80px的這個位置.

position:relative是相對定位,是相對於前面的容器定位的.這個時候不能用top left在定位.應該用margin.

比如:當1固定了位置.1的樣式float:left;width:100px; height:800px;

2的樣式為float:left; position:relative;margin-left:20px;width:50px;

2的位置在1的右邊,距離120px

標籤裡面加入style是不是css才會學到

標籤裡面加入style是css樣式的內聯樣式寫法,同樣需要學習css 內聯樣式直接用在 html 的標籤裡,一般是用在 等標籤中,作用範圍也相同,比如字型大小 1.6 em 外聯式樣式屬於外部樣式表,其特徵 1 有乙個單獨的css檔案存在!如 001.css 2 首先,通過 格式 樣式表連線 與cs...

CSS裡面這種寫法代表的是什麼, nav ul li CSS樣式中,這種寫法是什麼意思?為什麼要用大於號?請高手指點,謝謝。

dd.cg1表示class為cg1的dd元素 兩個冒號是css3中偽元素的寫法,跟偽類一樣,不過ie核心的瀏覽器不能識別兩個冒號 before after first letter等在css3中被稱為偽元素 是作用域限定符或者稱作用域運算子.例如命名空間 是用它來宣告函式是屬於哪個類的.補充 作用 ...

TPA指的是什麼,css裡面的tpa是什麼意思?有什麼作用?拜託了各位 謝謝

tpa是基於自身的武裝戰士,他們本身擁有自己的精神力,自己的戰鬥方式以及跟現實相關的武裝鎧甲。ipa是基於裝備的武裝戰士,他們本身大多沒有自己的精神力,但是pa遊戲中會對ipa玩家進行檢測,從而給予一定的精神值,ipa玩家的武裝鎧甲都是不切實際的,完全不同於tpa,tpa玩家注重的是自身實力,而ip...