position的四種屬性

2021-09-24 12:43:11 字數 822 閱讀 6935

描述static(預設)

預設值。沒有定位,元素出現在正常的流中(忽略 top, bottom, left, right 或者 z-index 宣告)。

relative(相對定位)

生成相對定位的元素,相對於其正常位置進行定位。

因此,"left:20" 會向元素的 left 位置新增 20 畫素。

absolute(絕對定位)

生成絕對定位的元素,相對於 static 定位以外的第乙個父元素進行定位。

元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。

fixed(固定定位)

生成固定定位的元素,相對於瀏覽器視窗進行定位。

元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。

一:static:預設定位,比較少使用,就不詳細說了

二:relative:它的最大特點是,即使使用(left,right,top,bottom元素)來描述乙個div的時候,它還是會占用該元素在文件中初始的頁面空間,所有的偏移都是相對於它原來的位置。

三:absolute:乙個div被設定為absolute後,這個div也就失去了文件流即失去原本的位置,並且以父級為基準(父級元素必須是相對定位(

relative

)如果不是則一直往上找,直到找到body為止)來進行偏移。

四:fixed:乙個div被設定為fixed後,這個div以瀏覽器視窗作為參考進行定位。

position屬性是用四種定位

position屬性是用四種定位。預設的是static。position absolute 絕對定位 是脫離文件流,相對於父級元素 包含這個position relative 定位,當然如果沒有,那就是相對於body定位的。position relative 相對定位 單獨使用,我不知道很多人是不是...

css中定位position的四種屬性

position relative absolute static fixed static 自動定位,自動定位就是元素在頁 面普通文件流中由html自動定位,普通文件裡中的元素也稱為流動元素。不能通過z index進行層次分級。relative 相對定位,相對定位不脫離文件流,參考其在原來文件流中...

Bitmap四種屬性

bitmap 1 public bitmap int width,int height,int stride,pixelformat format,intptr scan0 用指定的大小 畫素格式和畫素資料初始化 bitmap 類的新例項。2 lockbits 就是把影象的記憶體區域根據格式鎖定,拿...