position屬性是用四種定位

2021-10-02 21:55:10 字數 358 閱讀 8189

position屬性是用四種定位。預設的是static。

position:absolute(絕對定位) ——是脫離文件流,相對於父級元素(包含這個position:relative)定位,當然如果沒有,那就是相對於body定位的。

position:relative(相對定位) ——單獨使用,我不知道很多人是不是也跟我一樣忽略過它,relative 也是不脫離文件流,「這個元素會偏移某個距離。但是該元素仍保持其未定位前的形狀,它原本所佔的空間仍保留。」,它是相對於自己來定位的,例如:#main,這時#main會在相對於它原來的位置上移50px。 

position:fixed(固定定位)  —— 跟絕對定位有點類似,只是它的父級元素永遠都是視窗本身。

position的四種屬性

值 描述static 預設 預設值。沒有定位,元素出現在正常的流中 忽略 top,bottom,left,right 或者 z index 宣告 relative 相對定位 生成相對定位的元素,相對於其正常位置進行定位。因此,left 20 會向元素的 left 位置新增 20 畫素。absolut...

個人總結css中的四種position定位

1.positon static 靜態定位 預設的 所有標準文件流中的元素都是靜態定位 2.positon relative 相對定位 不脫離標準文件流,老家留坑,形影分離 特點 如果設定了相對定位並且設定了top left right bottom屬性,那麼將來盒子會以盒子原來所在的位置進行偏移 ...

個人總結css中的四種position定位

1.positon static 靜態定位 預設的 所有標準文件流中的元素都是靜態定位 2.positon relative 相對定位 不脫離標準文件流,老家留坑,形影分離 特點 如果設定了相對定位並且設定了top left right bottom屬性,那麼將來盒子會以盒子原來所在的位置進行偏移 ...