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

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

固定層效果

難度初級
時長32分
學習人數
綜合評分9.67
353人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.5 邏輯清晰
  • absolute按距離最近已經定位的祖先元素為基準偏移 fixed按可視窗口定位不受偏移量影響
    查看全部
  • 未設置偏移量時候absolute和fixed的相同點:不論父元素是否已經定位,都出現在父元素的左上角。
    查看全部
  • 該情況下,由于mainbody設置了margin-top為20px,而top脫離了標準文檔流之后,mainbody就和body相遇,二者的margin-top重合為20px。注意這種重合只會出現在上下邊距的情況,左右不會出現。
    查看全部
  • 對于標準文檔流中,上外填充和下外填充相遇的時候,會發生重疊,重疊為最大的那一個。
    查看全部
  • z-index是堆疊屬性
    查看全部
  • fixed absolute 區別
    查看全部
  • fixed定位總結 定位形式——絕對定位 特點——位置固定不變,兄弟元素會從其下穿過,脫離文檔流。 1.未設置偏移量 有已定位的祖先元素,以祖先元素為基準定位 無已定位的祖先元素,以瀏覽器窗口為基準定位 2.設置偏移量,有、無已定位的祖先元素,均以瀏覽器窗口為基準偏移
    查看全部
    0 采集 收起 來源:總結

    2015-07-25

  • absolute與fixed相同點:(都屬于絕對定位形式) 1.完全脫離標準文檔流 2.未設置偏移量時,定位在原來的位置。 若設置了偏移量,定位在父元素的左上角。 偏移量——元素設置定位(絕對或相對)后就具有偏移屬性和堆疊屬性(z-index)
    查看全部
  • 案例實現關鍵: 頂部固定層: #top----position:fixed;top:0;left:0; #mainbody----margin-top:(#top高度+原有間距)px
    查看全部
    0 采集 收起 來源:總結

    2015-07-24

  • fixed定位總結 定位形式——絕對定位 特點——位置固定不變,兄弟元素會從其下穿過,脫離文檔流。 1.未設置偏移量 有已定位的祖先元素,以祖先元素為基準定位 無已定位的祖先元素,以瀏覽器窗口為基準定位 2.設置偏移量,有、無已定位的祖先元素,均以瀏覽器窗口為基準偏移
    查看全部
    0 采集 收起 來源:總結

    2015-07-24

  • 已知 div 高 35px,緊鄰其后的 X 元素上外邊距為 15px,為該 div 設置 fixed 定位后,div與瀏覽器可視窗口上邊界相距15px。 為什么呢? 因為X元素15px的上外邊距與body的上外邊距信息重疊了,所以body也跟著下移;然后,div在父元素body內,且沒有設置偏移量,所以div相對其父元素body進行絕對定位。
    查看全部
    0 采集 收起 來源:練習題

    2015-07-24

  • 1.元素設置{position: fixed; }或{position: absolute; }之后,就會脫離標準文檔流,即其后的標準文檔流元素{position: relative;}或默認的{position: static;}會按正常標準文檔流來排版(忽視絕對定位的元素) 2.在標準文檔流中,兩個元素縱向重疊時,其margin屬性也會產生縱向重疊(左右不會),重疊以后會取兩元素中上外邊距或下外邊距最大的元素的外邊距作為共同的外邊距,即使一方上/下外邊距為0,此規則也同樣適用。
    查看全部
  • fixed absolute 區別
    查看全部
  • position: fixed;}沒有設置偏移量的方向依然會保持在父包含塊。 也就是說: 在其沒有設置偏移量的時候,偏移量參數值默認為當前fixed的元素與瀏覽器可視窗口的偏移數值! 同理,對于{position: absolute;}的元素也是一個道理,沒有設置的偏移量數值默認為當前其相對與最近的有{position: relative;}的祖先元素的偏移數值!
    查看全部
    0 采集 收起 來源:偏移量的設置

    2015-07-23

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

    2015-07-23

舉報

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

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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