css定位的使用方法有哪些-創(chuàng)新互聯(lián)

css定位的使用方法有哪些?這個問題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純?nèi)容,讓我們一起來看看吧!

在愛民等地區(qū),都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局,加強(qiáng)發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力,以專注、極致的服務(wù)理念,為客戶提供成都網(wǎng)站設(shè)計、網(wǎng)站制作 網(wǎng)站設(shè)計制作按需規(guī)劃網(wǎng)站,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),高端網(wǎng)站設(shè)計,全網(wǎng)營銷推廣,成都外貿(mào)網(wǎng)站建設(shè),愛民網(wǎng)站建設(shè)費(fèi)用合理。

position

  1. static :默認(rèn)值,元素出現(xiàn)在正常流中。

  2. relative:相對定位,相對于正常位置定位,原位置被占據(jù)。

  3. fixed:固定定位,相對于瀏覽器窗口定位。

  4. absolute:絕對定位,相對于static定位以外的第一個父元素定位,如果沒有定位的祖先元素,則相對于最初的包含塊定位。后繼元素會占據(jù)它原本的空間,元素脫離文檔流。

  5. sticky:基于用戶的滾動位置來定位。在 position:relative 與 position:fixed 定位之間切換。
    它的行為就像 position:relative; 而當(dāng)頁面滾動超出目標(biāo)區(qū)域時,它的表現(xiàn)就像 position:fixed;,它會固定在目標(biāo)位置。
    元素定位表現(xiàn)為在跨越特定閾值前為相對定位,之后為固定定位。
    這個特定閾值指的是 top, right, bottom 或 left 之一,換言之,指定 top, right, bottom 或 left 四個閾值其中之一,才可使粘性定位生效。否則其行為與相對定位相同。

  6. inherit:從父元素繼承 position 屬性的值。

脫離文檔流:使用 float、absolute、fixed。(脫離文檔流的元素不再占據(jù)原先的位置)

注:absolute不能和float同時使用。

感謝各位的閱讀!看完上述內(nèi)容,你們對css定位的使用方法有哪些大概了解了嗎?希望文章內(nèi)容對大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容,歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道。

分享題目:css定位的使用方法有哪些-創(chuàng)新互聯(lián)
路徑分享:http://muchs.cn/article22/dhdpcc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供全網(wǎng)營銷推廣、Google營銷型網(wǎng)站建設(shè)、小程序開發(fā)、外貿(mào)建站、手機(jī)網(wǎng)站建設(shè)

廣告

聲明:本網(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)

搜索引擎優(yōu)化