99热在线精品一区二区三区_国产伦精品一区二区三区女破破_亚洲一区二区三区无码_精品国产欧美日韩另类一区

css中position屬性如何使用？對于學(xué)習(xí)前端開發(fā)的朋友來說，css中的position屬性是至關(guān)重要的。簡單的說，css中position的意思就是，規(guī)定元素的定位類型。

十載專注成都網(wǎng)站制作，成都企業(yè)網(wǎng)站定制，個人網(wǎng)站制作服務(wù)，為大家分享網(wǎng)站制作知識、方案，網(wǎng)站設(shè)計(jì)流程、步驟,成功服務(wù)上千家企業(yè)。為您提供網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)頁設(shè)計(jì)及定制高端網(wǎng)站建設(shè)服務(wù),專注于成都企業(yè)網(wǎng)站定制,高端網(wǎng)頁制作,對玻璃隔斷等多個行業(yè)，擁有豐富的營銷推廣經(jīng)驗(yàn)。

1、absolute

生成絕對定位的元素，相對于 static 定位以外的第一個父元素進(jìn)行定位。元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進(jìn)行規(guī)定。

代碼示例：

    


絕對定位（absolute）
通過絕對定位，元素可以放置到頁面上的任何位置。本例中下面元素距離頁面左側(cè)和頂部都是50px。

代碼效果如下圖：

2、fixed

生成絕對定位的元素，相對于瀏覽器窗口進(jìn)行定位。元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進(jìn)行規(guī)定。

代碼示例：

    


fixed示例：此段元素相對于瀏覽器窗口，距離頂部10px，距離左邊10px;
fixed示例：此段元素相對于瀏覽器窗口，距離頂部50px，距離右邊50px;

代碼效果如下圖：

3、relative

生成相對定位的元素，相對于其正常位置進(jìn)行定位。因此，"left:20" 會向元素的 LEFT 位置添加 20 像素。

代碼使用示例：

    


正常位置的元素
這個元素相對于其正常位置向左移動
這個元素相對于其正常位置向右移動
相對定位會按照元素的原始位置對該元素進(jìn)行移動。
本例中"left:-30px"，從元素的原始左側(cè)位置減去 30 像素。
本例中"left:40px"，向元素的原始左側(cè)位置增加 40 像素。

效果如下圖：

4、static

默認(rèn)值。沒有定位，元素出現(xiàn)在正常的流中（忽略 top, bottom, left, right 或者 z-index 聲明）。

5、inherit

規(guī)定應(yīng)該從父元素繼承 position 屬性的值。

以上就是css中position屬性如何使用的簡略介紹，當(dāng)然詳細(xì)使用上面的不同還得要大家自己使用過才領(lǐng)會。如果想了解更多，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道哦！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

分享名稱：css中position屬性如何使用？-創(chuàng)新互聯(lián)
文章URL：http://www.ef60e0e.cn/article/dgjsdc.html