天天看點

【複習】css中的position

【複習】css中的position

好久不寫css代碼 感覺忘的差不多了,代碼就是要多敲才行的。就行武林中的武者一樣,每天都要勤加練習才可。

正好寫寫部落格,就當複習複習。

position  主要是用來 元素的定位方式

static :  無特殊定位,對象遵循html定位規則

absolute :  将對象從文檔流中拖出,使用left,right,top,bottom等屬性進行絕對定位。而其層疊通過z-index屬性定義。此時對象不具有邊距,但仍有補白和邊框

relative :  對象不可層疊,但将依據left,right,top,bottom等屬性在正常文檔流中偏移位置

fixed :  絕對定位,不随卷軸欄改變位置。

【複習】css中的position

下面是一些代碼示例,有興趣的可以敲一下,知識都在代碼裡。

【複習】css中的position
【複習】css中的position