亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

固定層效果

難度初級
時長32分
學習人數
綜合評分9.67
353人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.5 邏輯清晰
  • absolute與fixed不同點
    查看全部
  • absolute與fixed相同點
    查看全部
  • 四種定位屬性
    查看全部
  • margin選擇器設置的屬性會和fixed屬性設置重疊,導致<body>層與瀏覽器可視化窗口產生間距。在標準文檔流中,兩個元素,上外邊距和上外邊距,或者上外邊距和下外邊距相遇時,當兩個標簽都在標準文檔流中時,會選擇較大的上外填充。
    查看全部
  • 在元素設置固定定位時,如果希望本元素包含其父包含快中,則不需要對其設置偏移量。
    查看全部
    0 采集 收起 來源:偏移量的設置

    2016-06-02

  • 定位后的屬性,只有元素在設置相對定位,或者絕對定位后,此屬性才有效,它的作用是設置元素所在的z軸層級。z-index值越大,元素層級越大。
    查看全部
    0 采集 收起 來源:練習題

    2016-06-02

  • absolute與fixed相同點:<br> 1.完全脫離標準文檔流<br> 2.未設置偏移量時,都定位在父元素的左上角 偏移量----元素設置定位(絕對或相對)后,就具有偏移屬性和堆疊屬性(z-index)
    查看全部
  • 絕對定位:完全脫離標準文檔流,兄弟元素不再受其影響
    查看全部
  • margin的重疊 1.由于給top選擇器設置fixed固定定位時,(top層已經脫離了標準文檔流)沒有對其設置偏移量,以其父包裹層定位,(當top選擇器fixed固定定位設置了偏移量時,則top層的位置按照所設置的偏移量的位置定位),而其父包裹層body的margin與mainbody的上margin值發生了重疊,(此時的body與mainbody屬于標準文檔流)mainbody的上margin值大于body的margin值,選擇了mainbody的上margin值20px(標準文檔流中上下margin發生重疊時選擇margin值大的那個)所以body下移20px;top層又以body層定位,從而導致了top層與瀏覽器可視窗口產生了距離。為了保持top層與瀏覽器窗口緊挨著,則需對maibody或者body層當中數值較大的值進行調節。
    查看全部
  • @頂部固頂層關鍵點 【溫馨提示:Java、Jsp、Android、JS等編程愛好者可以聯系Q:********,互相學習,共同進步!】
    查看全部
    0 采集 收起 來源:總結

    2016-08-25

  • @Fixed定位 【溫馨提示:Java、Jsp、Android、JS等編程愛好者可以聯系Q:********,互相學習,共同進步!】
    查看全部
    0 采集 收起 來源:總結

    2016-08-25

  • @absolute與fixed的不同點 【溫馨提示:Java、Jsp、Android、JS等編程愛好者可以聯系Q:********,互相學習,共同進步!】
    查看全部
  • @absolute與fixed的不同點 【溫馨提示:Java、Jsp、Android、JS等編程愛好者可以聯系Q:********,互相學習,共同進步!】
    查看全部
  • @absolute與fixed相同點 【溫馨提示:Java、Jsp、Android、JS等編程愛好者可以聯系Q:********,互相學習,共同進步!】
    查看全部
  • 絕對定位特點【absolute與fixed同屬于絕對定位,只是表現形式不一樣】:完全脫離標準文檔流,兄弟元素不再受其影響。 Ps1:position 定位擁有 5 種形式:absolute、fixed、relative、static和inherit。 Ps2:已經定位元素:五種形式中被其中一種屬性定位過的元素。 Ps3:瀏覽器的可視窗口:以<html>標簽開始計算的范圍。 Ps4:對元素設置固定定位時,如果希望本元素包含其父包含塊中,不需要對其設置偏移量。 Ps5: position:fixed;top:0;//緊貼上部 position:fixed;bottom:0;//緊貼下部 Ps6:margin的重疊:由于給top選擇器設置fixed固定定位時,(top層已經脫離了標準文檔流)沒有對其設置偏移量,以其父包裹層定位,(當top選擇器fixed固定定位設置了偏移量時,則top層的位置按照所設置的偏移量的位置定位),而其父包裹層body的margin與mainbody的上margin值發生了重疊,(此時的body與mainbody屬于標準文檔流)mainbody的上margin值大于body的margin值,選擇了mainbody的上margin值20px(標準文檔流中上下margin發生重疊時選擇margin值大的那個)所以body下移20px;top層又以body層定位,從而導致了top層與瀏覽器可視窗口產生了距離。為了保持top層與瀏覽器窗口緊挨著,則需對top層的固定定位設置偏移量top:0;。 【溫馨提示:Java、Jsp、Android、JS等編程愛好者可以聯系Q:********,互相學習,共同進步!】
    查看全部

舉報

0/150
提交
取消
課程須知
1.您需要掌握簡單的html+css相關知識 2.對position定位有簡單的認識
老師告訴你能學到什么?
1.position屬性中絕對定位(absolute)和固定定位(fixed)的區別 2.偏移量的設置 3.固定層效果的如何實現

微信掃碼,參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!