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

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

固定層效果

難度初級
時長32分
學習人數
綜合評分9.67
353人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.5 邏輯清晰
  • fixed
    查看全部
    0 采集 收起 來源:總結

    2016-03-23

  • 頂部固定層: #top----position:fixed;top:0;left:0; #mainbody----margin-top:(top高度+mainbody原有上邊界)px;
    查看全部
    0 采集 收起 來源:總結

    2016-03-23

  • absolute與fixed的不同點
    查看全部
  • 如果將一個元素設置為絕對定位,在沒有設置偏移量的情況下,它們會被放置在直接父元素的左上角,而不用考慮這個父元素是否已經定位,但是一旦設置了偏移量,那么它們就會相對于最近的一個已經定位的父元素或者是html元素進行定位
    查看全部
  • 為目標A設置fixed屬性后,A脫離標準文本層,緊隨其后的對象B會自動補齊其原來A所占的高度,即上移/下移A的高度;當A、B的margin有重疊時,取兩者中的較大值。設置步驟:A添加fixed屬性,將A top值改為0,B的margin值為原值加上A的height。
    查看全部
    0 采集 收起 來源:編程練習

    2016-03-22

  • fix定位 末設置偏移與設置偏移的區別
    查看全部
    0 采集 收起 來源:總結

    2016-03-21

  • 解決mainbody與top層的重疊
    查看全部
    0 采集 收起 來源:總結

    2016-03-21

  • 因為div元素設置了fixed屬性,則其就會脫離標準文檔流.然后x元素就成了在標準文檔流中緊鄰body元素的元素,隨即他們在縱軸方向上相遇了.這就產生了magin重疊問題.根據重疊原則(上一節有講),body的magin-bottom就隱含成了15px. 但是,這里設置了fixed的div元素并沒有設置top屬性,則其仍按父包裹層(body)的位置不動. 所以,根據以上分析,div元素 和 x元素都與瀏覽器可視窗口上邊界相距15px.
    查看全部
    0 采集 收起 來源:練習題

    2016-03-21

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

    2016-03-21

  • 截圖截圖
    查看全部
    0 采集 收起 來源:偏移量的設置

    2016-03-21

  • position和fixed相同點: 1.設置了之后都會使元素脫離標準文檔流; 2.未對其設置偏移量時,元素都位于直接父元素的左上角; position和fixed不同點: 1.position,設置了偏移量后,如果無已定位父元素,則以html為基準進行偏移,如果有已定位父元素則根據最近的已定位父元素進行偏移; 2.fixed,設置了偏移量后,根據瀏覽器可視窗口進行定位;
    查看全部
  • 頂部固定層實現
    查看全部
    0 采集 收起 來源:總結

    2016-03-21

  • absolute和fixed不同點
    查看全部
  • fixed如果不設置偏移的話,他開始是以父元素為基準,如果你設了哪怕一個偏移量,他就馬上以可視瀏覽器為準了。
    查看全部
  • 只要是絕對定位(absolute、fixed),未設置偏移量時,都保持原始位置不動。 設置了偏移量后,absolute以離自己最近的定位祖先元素進行定位,如果無定位祖先元素,以html為基準進行定位; fixed,以瀏覽器窗口進行定位。
    查看全部

舉報

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

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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