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

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

固定層效果

難度初級
時長32分
學習人數
綜合評分9.67
353人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.5 邏輯清晰
  • 6. 已知 div 高 35px,緊鄰其后的 X 元素上外邊距為 15px,為該 div 設置 fixed 定位后,div與瀏覽器可視窗口上邊界相距15px。 為什么呢? 因為X元素15px的上外邊距與body的上外邊距信息重疊了,所以body也跟著下移;然后,div在父元素body內,且沒有設置偏移量,所以div相對其父元素body進行絕對定位(?)。
    查看全部
    0 采集 收起 來源:練習題

    2015-06-27

  • absolute和fixed區別
    查看全部
  • 1、導航欄設置 position:fixed(即相對瀏覽器窗口固定),然后設置 top:0(即一直保持在最上面) 2、導航欄下面的部分要跑到上面占據導航欄的位置,所以要設置導航欄高度的 margin-top值
    查看全部
  • fix定位總結 定位形式——絕對定位 特點——位置固定不變,兄弟元素會從其下穿過,脫離文檔流。 未設置偏移量 有已定位的祖先元素,以祖先元素為基準定位 無已定位的祖先元素,以瀏覽器窗口為基準定位(無已定位的祖先元素不是已最近的祖先元素為基準嗎?怎么變成瀏覽器窗口了) 設置偏移量,有、無已定位的祖先元素,均以瀏覽器窗口為基準偏移
    查看全部
    0 采集 收起 來源:總結

    2015-06-26

  • 在標準文檔流中,兩個元素縱向重疊時,其margin屬性也會產生縱向重疊(左右不會),重疊以后會取兩元素中上外邊距或下外邊距最大的元素的外邊距作為共同的外邊距
    查看全部
  • 在對元素設置固定定位時,如果希望本元素包含其父包含塊中不需要對其設置偏移量。
    查看全部
    0 采集 收起 來源:偏移量的設置

    2015-06-26

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

    2015-06-26

  • 1.有、無已定位祖先元素,都以瀏覽器可是窗口為基準偏移 表現形式(產生滾動條時) absolute: 1.位置會隨滾動條變化 fixed: 1.位置固定,不會隨著滾動條變化 2.被他遮蓋的元素,可以從其下穿過
    查看全部
  • 但是一般情況下當我們需要為一個要求絕對定位的元素設置父包含塊的定位屬性時,使用“position:relative”,這樣比較穩定
    查看全部
  • 設置了absolute定位的子元素,無論該子元素的祖先元素中是否已定位(position="absolute/relative/fixed"),該子元素都定位在其父元素的左上角。 absolute 1,會隨滾動條變化 fixed 1,位置固定,不會隨滾動條變化 2,被他遮蓋的元素,可以從其下穿過
    查看全部
  • position 定位擁有 5 種形式:absolute、fixed、relative、static和inherit。
    查看全部
    0 采集 收起 來源:練習題

    2015-06-26

  • position 定位 元素 fixed 固定
    查看全部
  • absolute與fixed的不同: 設置偏移量時,偏移參照基準 absolute: 1.無已定位祖先元素,以<html>為基準偏移 2.有已定位祖先元素,以距其最近的、已定位的祖先元素為基準偏移 fixed: 1.有、無已定位祖先元素,都以瀏覽器可是窗口為基準偏移 表現形式(產生滾動條時) absolute: 1.位置會隨滾動條變化 fixed: 1.位置固定,不會隨著滾動條變化 2.被他遮蓋的元素,可以從其下穿過
    查看全部
  • 固定層效果
    查看全部
    0 采集 收起 來源:編程挑戰

    2015-06-23

  • 絕對定位
    查看全部

舉報

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

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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