辛星和你徹底搞清CSS中的相對定位和絕對定位

2022-08-17 15:21:20 字數 660 閱讀 5330

前面我在解讀css中也說過了關於相對定位和絕對定位的問題。無奈還是有些童鞋表示迷茫,於是另開一篇部落格,來具體解讀相對定位和絕對定位。希望可以以我的點點星光,讓後來者少走彎路。

所謂相對定位,就是設定為相對定位的元素會偏移某個距離,元素仍然保持原來的樣式,它會保留該html元素的空間,比方我們看例如以下**:

.demo
它會出如今相對原來的地方向右50px的地方,而它原來所在的地方為空。

以下說一下絕對定位,所謂絕對定位。即不占用空間,假設原來這個地方有html元素,那麼就會重疊,這裡須要特別之處的,也是我發這篇博文的目的,就是想告訴大家,絕對定位假設被父元素包括,假設父元素沒有定位屬性,它會依據body進行定位,因此,假設它有父元素,必須在父元素中指定定位屬性。例如以下**:

效果圖:

可能有童鞋會問,假設我們不指定父元素的定位又會怎樣呢?請看以下**。我把css**中的哪一行給凝視掉之後,原始碼例如以下:

然後是它的效果圖:

辛星和你徹底搞清CSS中的相對定位和絕對定位

前面我在解讀css中也說過了關於相對定位和絕對定位的問題,無奈還是有些童鞋表示迷茫,於是另開一篇部落格,來詳細解讀相對定位和絕對定位,希望能夠以我的點點星光,讓後來者少走彎路。所謂相對定位,就是設定為相對定位的元素會偏移某個距離,元素仍然保持原來的樣式,它會保留該html元素的空間,比如我們看如下 ...

徹底搞清 C C 中a 與 a的區別

首先 a 和 a 的定義 看個例子 a a 5 b a 相當於a a 1 b a 結果是a 6,b 6 b a 5 b a 相當於b a a a 1 結果是a 6,b 5 所以書上有 1 如果用字首運算子對乙個變數增1 減1 則在將該變數增1 減1 後,用新值在表示式中進行其他的運算。2 如果用字尾...

徹底搞清 C C 中a 與 a的區別

首先 a 和 a 的定義 看個例子 a a 5 b a 相當於a a 1 b a 結果是a 6,b 6 b a 5 b a 相當於b a a a 1 結果是a 6,b 5 所以書上有 1 如果用字首運算子對乙個變數增1 減1 則在將該變數增1 減1 後,用新值在表示式中進行其他的運算。2 如果用字尾...