相對定位relative

2022-07-20 12:21:19 字數 351 閱讀 3898

今天看了慕課網課程css深入理解之relative,進行總結

使用relative定位的元素使其absolute子元素,相對於此relative元素定位

使用relative定位的元素的z-index層級越高,則其absolute子元素層級越高

z3的層級要比z1小,因為z1的父元素層級大

overflow:hidden;absolute元素超出不會隱藏,父元素新增relative定位,absolute會被限制,會隱藏

relative元素不會脫離文件流,即使進行了定位,文件流中原本所佔位置仍然占用,不會被後面的元素侵入

更新:之前一直誤以為絕對定位的子元素會撐開相對定位的父元素,今天發現撐不開,

absoluted定位和relative定位

首先div設定absoluted絕對定位後,div會脫離文件流,因此不佔據空間。與div設定為relative相對定位不同,相對定位實際上被看作普通流定位模型的一部分。絕對定位的元素的位置相對於最近的已定位祖先元素,如果元素沒有已定位的祖先元素,那麼它的位置相對於最初的包含塊。根據使用者 的不同,最...

relative定位的理解

relative 物件不可層疊,但將依據left,right,top,bottom等屬性在正常文件流中偏移位置。設定此屬性值為 relative 會保持物件在正常的html流中,但是它的位置可以根據它的前乙個物件進行偏移。在相對 relative 定位物件之後的文字或物件占有他們自己的空間而不會覆蓋...

相對定位,絕對定位

絕對定位是相對于父標籤決定位置,一般用於相對定位標籤裡面,js特效經常用到。相對定位是相對於上乙個相對定位的。一般用於浮動定位標籤裡面,一般跟絕對定位配合使用。浮動定位才是常用的。看例子 以下只說id名代表div 絕對定位 position absolute 如果bq1 絕對定位 外面沒有div等父...