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

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

固定層效果

難度初級
時長32分
學習人數
綜合評分9.67
353人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.5 邏輯清晰
  • 什么時候該設置偏移量? 在對元素設置固定定位時,如果希望本元素包含起父包含塊中(即元素最初出現的位置),不需要對其設置偏移量。 {position: fixed;}沒有設置偏移量的方向依然會保持在父包含塊(的方位)。 也就是說: 在其沒有設置偏移量的時候,偏移量參數值默認為當前fixed的元素與瀏覽器可視窗口的偏移數值! 同理,對于{position: absolute;}的元素也是一個道理,沒有設置的偏移量數值默認為當前其相對與最近的有{position: relative;}的祖先元素的偏移數值!
    查看全部
    1 采集 收起 來源:偏移量的設置

    2016-03-26

  • bsolute與fixed相同點: 第一,完全脫離標準文檔流 第二,未設置偏移量時,都定位在父元素的左上角 偏移量:元素設置定位(絕對或相對)后就具有偏移屬性和堆疊屬性(z-index) 如果將一個元素設置為絕對定位,在沒有設置偏移量的情況下,它們會被放置在直接父元素的左上角,而不用考慮這個父元素是否已經定位,但是一旦設置了偏移量,那么它們就會相對于最近的一個已經定位的父元素或者是html元素進行定位
    查看全部
  • absolute與fixed的不同點: 設置偏移量時: absolute: 1、無已定位祖先元素,以html為基準; 2、有已定位祖先元素,以距其最近,已定位的祖先元素為基準。 fixed:有無已定位祖先元素都以瀏覽器可視窗口為基準偏移。 表現形式(產生滾動條時): absolute:位置隨滾動條變化; fixed: 1、位置不隨滾動條變化; 2、被其遮蓋的元素可從其下穿過
    查看全部
  • 只有元素在設置相對定位,或者絕對定位后,此屬性才有效,它的作用是設置元素所在的z軸層級。z-index值越大,元素層級越大。
    查看全部
    0 采集 收起 來源:練習題

    2016-03-26

  • .select_btn{background:url(images/select_top.gif) no-repeat; width:57px; height:42px; cursor:pointer; float:left;}從這里可以知道top的高度為42px!
    查看全部
    1 采集 收起 來源:編程練習

    2016-03-24

  • fixed:如果沒有設置偏移量: 有已定位的祖先元素,以祖先元素為基準,若無已定位元素以瀏覽器窗口為基準定位
    查看全部
    0 采集 收起 來源:總結

    2016-03-24

  • 對元素設置了固定定位,如果你希望他在父窗體里面的話,就不要對他設置位置偏移
    查看全部
    0 采集 收起 來源:偏移量的設置

    2016-03-24

  • fixed:無論有無以定位的祖先元素,都是以窗口為參考基準
    查看全部
  • absolute:1,無已定位的祖先元素,以html為參照基準;2,有已定位的祖先元素,以距離最近且已定位的祖先元素為參考基準
    查看全部
  • 關于 fixed 定位和 absolute 定位,老師在一個細節上犯了錯誤: 元素設置了 fixed 定位和 absolute 定位后,當未設置偏移量時,元素的位置為正常文檔流中的初始位置。 而不是老師所講的: 父元素的左上角,或者 有已定位祖先元素 以祖先元素為基準定位;無已定位祖先元素 以瀏覽器窗口為基準定位。 我發現關于 position 都是同一位老師講的,但是在未設置偏移量這點上,始終是錯誤甚至前后矛盾的。特此詳細說明,如有錯誤,望指正: position:absolute 1.一般特點: ①建立了以包含塊為基準的定位; ②完全脫離了文檔流; ③隨即擁有了偏移屬性和 Z-index 屬性; ④隱性改變 display 類型為 inline-block. 2.未設置偏移量的位置: 無論是否存在已定位的祖先元素,初始位置不變。 3.設置偏移量的位置: ①無已定位的祖先元素,以<html>為偏移參考基準; ②有已定位的祖先元素,以距其最近的已定位祖先元素為偏移參考基準。 position:fixed 1.一般特點: ①建立了以瀏覽器可視窗口為基準的定位; ②完全脫離了文檔流; ③隨即擁有了偏移屬性和 Z-index 屬性; ④隱性改變 display 類型為 inline-block. 2.未設置偏移量的位置: 無論是否存在已定位的祖先元素,初始位置不變。 3.設置偏移量的位置: 以瀏覽器可視窗口為基準偏移;
    查看全部
    0 采集 收起 來源:總結

    2018-03-22

  • absolute與fixed的相同點: (1)完全脫離文檔流 (2)未設置偏移量時,都定位在父元素的左上角(偏移量——元素設置定位(絕對或相對)后就具有偏移屬性和堆疊屬性(z-index))
    查看全部
  • 在普通文檔流中,當垂直方向上的兩個外邊距相遇時,會發生外邊距合并,最后的外邊距取兩個外邊距較高的值。這種合并現象發生在普通文檔流的塊級元素上,而行內框、浮動框以及定位框則不會受影響。
    查看全部
    0 采集 收起 來源:練習題

    2016-03-24

  • 什么時候該設置偏移量? 在對元素設置固定定位時,如果希望本元素包含起父包含塊中(即元素最初出現的位置),不需要對其設置偏移量。 {position: fixed;}沒有設置偏移量的方向依然會保持在父包含塊(的方位)。 也就是說: 在其沒有設置偏移量的時候,偏移量參數值默認為當前fixed的元素與瀏覽器可視窗口的偏移數值! 同理,對于{position: absolute;}的元素也是一個道理,沒有設置的偏移量數值默認為當前其相對與最近的有{position: relative;}的祖先元素的偏移數值!
    查看全部
    0 采集 收起 來源:偏移量的設置

    2016-03-24

  • absolute與fixed的不同點: 設置偏移量時: absolute: 1、無已定位祖先元素,以html為基準; 2、有已定位祖先元素,以距其最近,已定位的祖先元素為基準。 fixed:有無已定位祖先元素都以瀏覽器可視窗口為基準偏移。 表現形式(產生滾動條時): absolute:位置隨滾動條變化; fixed: 1、位置不隨滾動條變化; 2、被其遮蓋的元素可從其下穿過
    查看全部
  • 錯誤糾正: 只要是絕對定位(absolute、fixed),未設置偏移量時,都保持原始位置不動。 設置了偏移量后,absolute以離自己最近的定位祖先元素進行定位,如果無定位祖先元素,以html為基準進行定位; fixed,以瀏覽器窗口進行定位。
    查看全部

舉報

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

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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