前面我在解讀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 如果用字尾...