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

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

固定層效果

難度初級
時長32分
學習人數
綜合評分9.67
353人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.5 邏輯清晰
  • position和fixed相同點: 1.設置了之后都會使元素脫離標準文檔流; 2.未對其設置偏移量時,元素都位于直接父元素的左上角; position和fixed不同點: 1.position,設置了偏移量后,如果無已定位父元素,則以html為基準進行偏移,如果有已定位父元素則根據最近的已定位父元素進行偏移; 2.fixed,設置了偏移量后,根據瀏覽器可視窗口進行定位;
    查看全部
  • 第一:完全脫離文檔流 第二:
    查看全部
  • 內容最終margin值的計算
    查看全部
    0 采集 收起 來源:總結

    2016-05-05

  • 111
    查看全部
    0 采集 收起 來源:總結

    2016-05-05

  • absolute fixed不同點 設置偏移量時,偏移參照基準 absolute 無已定位祖先元素,以<html>為基準偏移 有已定位祖先元素,以距離其最近的、已定位的祖先元素為基準偏移 fixed 有、無已定位祖先元素,都以瀏覽器可視窗口為基準偏移
    查看全部
  • 設置fixed后,若沒有為其設置偏移量,則定位在父元素的左上角;若設置偏移量,則以瀏覽器可視窗口進行偏移 當垂直方向上的兩個外邊距相遇時,外邊距會發生合并,取大的
    查看全部
  • 看清題目。。20px是要求的間距
    查看全部
    0 采集 收起 來源:編程練習

    2016-05-04

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

    2016-05-04

  • fixed定位以瀏覽器可視窗口為基準進行定位
    查看全部
    0 采集 收起 來源:偏移量的設置

    2016-05-04

  • fixed定位: 1、不設置偏移量: 如果祖先元素已經定位,則以祖先元素為參照; 如果祖先元素沒有定位,則以瀏覽器窗口為參照。 2、設置偏移量后: 無論祖先元素是否定位,都已瀏覽器可視窗口為基準定位
    查看全部
    0 采集 收起 來源:編程挑戰

    2016-05-04

  • z-index 屬性設置元素的堆疊順序。擁有更高堆疊順序的元素總是會處于堆疊順序較低的元素的前面。 注釋:元素可擁有負的 z-index 屬性值。 注釋:Z-index 僅能在定位元素上奏效(例如 position:absolute;)! position:absolute(參照距離最近的已定位元素,如沒有,則以HTML文檔參照) position:fixed (瀏覽器可視窗口為基準,固定不動)
    查看全部
    0 采集 收起 來源:練習題

    2016-05-04

  • box1和box2都獲得了z-index;他們是同級元素;同級元素的z-index值如果相同,則堆疊順序由元素在文檔中的先后位置決定,后出現的會在上面
    查看全部
  • 絕對定位:完全脫離標準文檔流,兄弟元素不再受到其影響
    查看全部
  • 如果在div之前還有一個div的話它對于可視窗口的上邊距為0的話,第二個div設置為fixed時的變化是什么樣的?
    查看全部
    0 采集 收起 來源:練習題

    2016-05-01

  • 沒有設置偏移量,定位就是其所在位置; 設置了偏移量,以瀏覽器窗口為基準偏移; http://www.w3.org/(國外的,國內沒有這個解釋) 在1-3中,首先是box1設置了absolute,顯示在body(html)的左上角,它本來的位置就在左上角,所以應是顯示在原來的位置。由于box1脫離了文檔流,所以box2上去了左上角,然后再設置了fixed,此時這就是它原來的位置,并不是刻意上去父元素的左上角
    查看全部
    0 采集 收起 來源:總結

    2016-04-30

舉報

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

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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