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

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

固定層效果

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

    2016-01-22

  • position 定位擁有 5 種形式:absolute、fixed、relative、static和inherit。 fixed定位和absolute定位都是絕對定位。相對定位的元素沒有完全脫離了標準文檔流
    查看全部
    0 采集 收起 來源:練習題

    2016-01-22

  • 絕對定位脫離標準文檔流,其兄弟元素不再受其影響
    查看全部
  • fixed定位 定位形式——絕對定位 特點——位置固定不變,兄弟元素會從其下穿過, 未設置偏移量: 有已定位祖先元素,以祖先元素為基準定位 無已定位祖先元素,以瀏覽器窗口為基準定位 設置偏移量,有、無已定位祖先元素,均已瀏覽器窗口為基準偏移。 頂部固定層效果實現關鍵: #top----position:fixed; top:0; left:0; #mainbody----margin-top:(#top高度+原有間距)px
    查看全部
    0 采集 收起 來源:總結

    2016-01-22

  • 沒有設置祖先元素到底是<body>元素還是<html>?
    查看全部
  • 偏移屬性(上右下左)和堆疊屬性(z-index)
    查看全部
  • 固定層效果一般用于縱向信息量大的網頁。
    查看全部
  • 頂部固定
    查看全部
    0 采集 收起 來源:總結

    2016-01-21

  • static——靜態定位 relative——相對定位 absolute——絕對定位 fixed——固定定位
    查看全部
  • 任務1:margin:0 auto; 任務2:position:fixed;top:0; 任務3:margin-top:63px;(因為top的border只有bottom一條邊為1px,top自身height為42px) 所以:42+1+20=63px
    查看全部
    1 采集 收起 來源:編程練習

    2016-01-21

  • 1.position 定位擁有 5 種形式:absolute(絕對定位)、fixed(絕對定位)、relative(相對定位)、static(靜態定位)和inherit(繼承)。 2.fixed定位和absolute定位都是絕對定位。
    查看全部
    0 采集 收起 來源:練習題

    2016-01-20

  • 固定定位須知: 1、如果希望包含在其直接父包含塊中,則無需設置偏移量; 2、如果你設置了偏移量,那么會按照瀏覽器可視窗口進行定位。
    查看全部
    0 采集 收起 來源:偏移量的設置

    2016-01-20

  • fixed定位也是絕對定位,固定定位的主要特點是,興地元素會從下面穿過去。 在沒有設置偏移量的時候,如果祖先元素有了定位,fixed定位會以祖先元素的位置進行定位,如果沒有設置祖先元素,則以瀏覽器的窗口定位 另一種情況,設置偏移量的情況下,無論祖先元素有沒有定位元素,都以窗口為基準偏移
    查看全部
    0 采集 收起 來源:總結

    2016-01-20

  • 文檔流中,當兩個垂直邊界(margin-top或margin-bottom,body top和 DIV的 top)相遇時,它們將形成一個邊界。這個邊界的高度等于兩個發生疊加的邊界的高度中的較大者。 在垂直方向上,margin-top值存在重疊----也就是外邊距合并:當兩個垂直外邊距相遇時會發生外邊距合并,合并后的外邊距的高度等于兩個外邊距中較大的外邊距值。這只發生在普通文檔流中的塊級框中,而行框、絕對定位以及浮動則不會出現。所以一般建議在父級元素里加margin,在子級元素里用padding。
    查看全部
  • absolute與fixed的不同點 absolute 1.無已經定位的祖先元素,以html為基準便宜 2.有已定位的祖先元素,以距其最近的、已經定位的祖先元素為基準偏移 fixed 無論怎樣都是以瀏覽器窗口為基準偏移的
    查看全部

舉報

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

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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