樣式的position屬性說明

2021-09-30 08:30:20 字數 409 閱讀 5883

#md .ty a #md .ty a:hover #md .ty a:hover span 在樣式 #md .ty a:hover span 中用到了position:absolute;

這個屬性告訴我們它是個浮動的。不過它的left、top屬性告訴當前span居上居左的位置,可這個是相對誰來說的呢?並沒有明確指明,通過樣式,我們不難發現,span的上層是個a標籤,如果給a標籤加了樣式position,那麼當前的span就依據a標籤算左上距離。但是如果a標籤不寫position屬性,那麼span就再向上層找,找最近有position的父及標籤,如果都沒有,就以最外面的總容器為主。

如上**,如果a標籤沒有position屬性,就以外層div算 span的居左,居上位置。一般為了明確,都要在a標籤內明確宣告出position

position樣式屬性

position 用於定義建立元素布局所用的定位型別,該屬性有多個值 1 static 預設值。沒有定位,2 生成相對定位的標籤,相對於自己位置進行變換。例如 left 20px 會向標籤的left位置移動 20 畫素 3 absolute 相對於標籤本身第乙個position為非 static父元...

CSS樣式布局 position屬性

position屬性 用於定義建立元素布局所用的定位型別,該屬性有多個值 值 描述 static 預設值。沒有定位,元素出現在正常流中 忽略 top,bottom,left,right 或者 z index 宣告 relative 生成相對定位的標籤,相對於標籤原來位置進行定位。因此,left 20...

CSS中position屬性的說明

相對定位是乙個非常容易掌握的概念。如果對乙個元素進行相對定位,它將出現在它所在的位置上。然後,可以通過設定垂直或水平位置,讓這個元素 相對於 它的起點進行移動。相對定位是乙個非常容易掌握的概念。如果對乙個元素進行相對定位,它將出現在它所在的位置上。然後,可以通過設定垂直或水平位置,讓這個元素 相對於...