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

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

固定層效果

難度初級
時長32分
學習人數
綜合評分9.67
353人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.5 邏輯清晰
  • 只有元素在設置相對定位,或者絕對定位后,此屬性才有效,它的作用是設置元素所在的z軸層級。z-index值越大,元素層級越大
    查看全部
    0 采集 收起 來源:練習題

    2016-03-30

  • position:fixed可以一直用在當前可視頁面里固定位置;absolute會隨滾動條移動,它是相對于整個頁面的位置固定
    查看全部
    0 采集 收起 來源:編程挑戰

    2016-03-30

  • absolute定位后隨瀏覽器下滑而上移
    查看全部
    0 采集 收起 來源:總結

    2016-03-30

  • 在對元素設置固定定位時,如果希望本元素包含其父包含塊中,則不需要對其設置偏移量 設置偏移量后,則相對瀏覽器窗口移動
    查看全部
    0 采集 收起 來源:偏移量的設置

    2016-03-30

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

    2016-03-30

  • bsolute與fixed相同點: 第一,完全脫離標準文檔流 第二,未設置偏移量時,都定位在父元素的左上角 偏移量:元素設置定位(絕對或相對)后就具有偏移屬性和堆疊屬性(z-index)
    查看全部
  • position三種定位:靜態、相對、絕對、固定其中后兩種都是絕對定位
    查看全部
  • absolutr與fixed的不同點
    查看全部
  • 依舊是margin重疊問題<br> 因為div是fixed,所以脫離標準文檔流。X元素設置了上邊距,body距離html也有一個上邊距,但是body沒有border,padding屬性,所以由于margin有垂直外邊局合并問題,body的上邊距也變為15px,div會緊貼body上邊。所以,div與瀏覽器上邊界相距15px。 在普通文檔流中,當垂直方向上的兩個外邊距相遇時,會發生外邊距合并,最后的外邊距取兩個外邊距較高的值。這種合并現象發生在普通文檔流的塊級元素上,而行內框、浮動框以及定位框則不會受影響。 因為div元素設置了fixed屬性,則其就會脫離標準文檔流.然后x元素就成了在標準文檔流中緊鄰body元素的元素,隨即他們在縱軸方向上相遇了.這就產生了magin重疊問題.根據重疊原則(上一節有講),body的magin-bottom就隱含成了15px. 但是,這里設置了fixed的div元素并沒有設置top屬性,則其仍按父包裹層(body)的位置不動. 所以,根據以上分析,div元素 和 x元素都與瀏覽器可視窗口上邊界相距15px.
    查看全部
    1 采集 收起 來源:練習題

    2018-03-22

  • bsolute與fixed相同點: 第一,完全脫離標準文檔流 第二,未設置偏移量時,都定位在父元素的左上角 偏移量:元素設置定位(絕對或相對)后就具有偏移屬性和堆疊屬性(z-index)
    查看全部
  • position 定位擁有 5 種形式:absolute、fixed、relative、static和inherit。
    查看全部
    0 采集 收起 來源:練習題

    2016-03-29

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

    2016-03-29

  • absolute與fixed的不同點: 設置偏移量時: absolute: 1、無已定位祖先元素,以html為基準; 2、有已定位祖先元素,以距其最近,已定位的祖先元素為基準。 fixed:有無已定位祖先元素都以瀏覽器可視窗口為基準偏移。 表現形式(產生滾動條時): absolute:位置隨滾動條變化; fixed: 1、位置不隨滾動條變化; 2、被其遮蓋的元素可從其下穿過
    查看全部
  • 依舊是margin重疊問題 因為div是fixed,所以脫離標準文檔流。X元素設置了上邊距,body距離html也有一個上邊距,但是body沒有border,padding屬性,所以由于margin有垂直外邊局合并問題,body的上邊距也變為15px,div會緊貼body上邊。所以,div與瀏覽器上邊界相距15px。
    查看全部
    0 采集 收起 來源:練習題

    2016-03-29

  • 標準文檔流中,當兩個垂直邊界(margin-top或margin-bottom)(且僅僅只在縱向的垂直邊界)相遇時,它們將重合 形成一個邊界。這個邊界的高度等于兩個發生疊加的邊界的高度中的較大者。<br> 補充解決方案:<br> 1.外層padding<br> 2.透明邊框border:1pxsolidtransparent;<br> 3.絕對定位postion:absolute:<br> 4.外層DIVoverflow:hidden;<br> 5.內層DIV 加float:left;display:inline;<br> 6.外層DIV有時會用到zoom:1; 當給元素一個值為fixed的position屬性時,如果設置了偏移量,就脫離了該元素的包裹層(父元素),其兄弟元素會占據原有的位置。
    查看全部

舉報

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

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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