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

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

固定層效果

難度初級
時長32分
學習人數
綜合評分9.67
353人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.5 邏輯清晰
  • 絕對定位 特點:完全脫離標準文檔流,兄弟元素不再受其影響
    查看全部
  • position屬性值: static--靜態定位 relative--絕對定位 fixed--固定定位
    查看全部
  • position、3種定位形式
    查看全部
  • 如果將一個元素設置為絕對定位,在沒有設置偏移量的情況下,它們會被放置在直接父元素的左上角,而不用考慮這個父元素是否已經定位,但是一旦設置了偏移量,那么它們就會相對于最近的一個已經定位的父元素或者是html元素進行定位。
    查看全部
  • 頂部固定層關鍵
    查看全部
    0 采集 收起 來源:總結

    2016-04-04

  • fixed定位特點
    查看全部
    0 采集 收起 來源:總結

    2016-04-04

  • 文檔流中,當兩個垂直邊界(margin-top或margin-bottom)相遇時,它們將形成一個邊界。這個邊界的高度等于兩個發生疊加的邊界的高度中的較大者。詳細請百度。 補充解決方案: 1.外層padding 2.透明邊框border:1pxsolidtransparent; 3.絕對定位postion:absolute: 4.外層DIVoverflow:hidden; 5.內層DIV 加float:left;display:inline; 6.外層DIV有時會用到zoom:1;
    查看全部
  • 固定定位時候,希望不脫離父級 就別家偏移量
    查看全部
    0 采集 收起 來源:偏移量的設置

    2016-04-04

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

    2016-04-04

  • 第二個不同點
    查看全部
  • position和fixed相同點: 1.設置了之后都會使元素脫離標準文檔流; 2.未對其設置偏移量時,元素都位于直接父元素的左上角; position和fixed不同點: 1.position,設置了偏移量后,如果無已定位父元素,則以html為基準進行偏移,如果有已定位父元素則根據最近的已定位父元素進行偏移; 2.fixed,設置了偏移量后,根據瀏覽器可視窗口進行定位;
    查看全部
  • 絕對定位特點 脫離文檔流
    查看全部
  • Fixed 定位屬性: 定位形式——絕對定位 特點——位置固定不變,兄弟元素會從其下穿過 *未設置偏移量時: 有已定位祖先元素 以祖先元素為基準定位; 無已定位祖先元素 以瀏覽器窗口為基準定位。 *設置偏移量時,有、無已定位祖先元素,都以瀏覽器窗口為基準偏移。
    查看全部
    0 采集 收起 來源:總結

    2016-04-04

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

    2016-04-04

  • absolute 與 fixed 的不同點: 表現形式(產生滾動條時) absolute 位置會隨滾動條變化 fixed 位置固定,不會隨滾動條變化
    查看全部

舉報

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

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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