css中的position有什么用

這篇文章主要介紹css中的position有什么用，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！

成都創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供雙牌網(wǎng)站建設(shè)、雙牌做網(wǎng)站、雙牌網(wǎng)站設(shè)計(jì)、雙牌網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)與制作、雙牌企業(yè)網(wǎng)站模板建站服務(wù)，10多年雙牌做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價值的思路和整體網(wǎng)絡(luò)服務(wù)。

css中的position是規(guī)定元素的定位類型的屬性。position屬性定義建立元素布局所用的定位機(jī)制，任何元素都可以定位，不過絕對或固定元素會生成一個塊級框，而不論該元素本身是什么類型。

屬性介紹：

position 屬性規(guī)定元素的定位類型。

這個屬性定義建立元素布局所用的定位機(jī)制。任何元素都可以定位，不過絕對或固定元素會生成一個塊級框，而不論該元素本身是什么類型。相對定位元素會相對于它在正常流中的默認(rèn)位置偏移。

屬性值：

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

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

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

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

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

舉例：

定位h3元素：

h3
  {  
  position:absolute;
  left:100px;
  top:150px;
  }

以上是“css中的position有什么用”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

新聞標(biāo)題：css中的position有什么用
當(dāng)前網(wǎng)址：http://muchs.cn/article42/ipgjhc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供動態(tài)網(wǎng)站、定制網(wǎng)站、面包屑導(dǎo)航、自適應(yīng)網(wǎng)站、ChatGPT、建站公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)