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

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

固定層效果

難度初級
時長32分
學習人數
綜合評分9.67
353人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.5 邏輯清晰
  • 頂部固定層實現關鍵: 1.Top設置position:fixed;top:0;left:0; 2.MainBody設置margin-top:(top原有高度+原有間距)px;
    查看全部
    0 采集 收起 來源:總結

    2015-10-15

  • Fixed定位特點
    查看全部
    0 采集 收起 來源:總結

    2015-10-15

  • 絕對定位absolute和fixed的不同點:
    查看全部
  • 絕對定位absolute與fixed的不同點:
    查看全部
  • 絕對定位absolute與fixed的相同點: 1、脫離標準文檔流; 2、未設置偏移量時,顯示在父元素左上角;
    查看全部
  • 絕對定位的特點: 1、脫離標準文檔流; 2、兄弟元素不再受其影響;
    查看全部
  • Position屬性值: 1、static——靜態定位; 2、relative——相對定位; 3、absolute——絕對定位; 4、fixed——固定定位;
    查看全部
  • absolute與fixed相同點 第一,完全脫離標準文檔流 第二,未設置偏移量時,都定位在父元素的左上角,“離它最近的父元素” 偏移量————元素設置定位(絕對或相對)后 就具有偏移屬性和堆疊屬性(z-index) 2.在沒有設置定位形式的時候,它會在頁面垂直排列的,在左上角顯示 3.在瀏覽器中顯示會有一個默認的margin 和padding值 不同點: absolute 1,會隨滾動條變化 fixed 1,位置固定,不會隨滾動條變化 2,被他遮蓋的元素,可以從其下穿過 [ 收起全文 ]
    查看全部
  • fixed: 1.有、無已定位祖先元素,都以瀏覽器可是窗口為基準偏移 表現形式(產生滾動條時) absolute: 1.位置會隨滾動條變化 fixed: 1.位置固定,不會隨著滾動條變化 2.被他遮蓋的元素,可以從其下穿過
    查看全部
  • absolute與fixed的不同點 設置偏移量時,偏移參照基準 absolute 1.無已定位祖先元素,以<html>為基準偏移 2.有已定位祖先元素,以距其最近的、已定位的祖先元素為基準偏移 fixde 1.有、無已定位祖先元素,都以瀏覽器可視窗口為基準偏移
    查看全部
  • absolute與fixed相同點 第一,完全脫離標準文檔流 第二,未設置偏移量時,都定位在父元素的左上角,“離它最近的父元素” 偏移量————元素設置定位(絕對或相對)后 就具有偏移屬性和堆疊屬性(z-index) 2.在沒有設置定位形式的時候,它會在頁面垂直排列的,在左上角顯示 3.在游覽器中顯示會有一個默認的margin 和padding值 不同點: absolute 1,會隨滾動條變化 fixed 1,位置固定,不會隨滾動條變化 2,被他遮蓋的元素,可以從其下穿過
    查看全部
  • position 定位擁有 5 種形式:absolute、fixed、relative、static和inherit。 fixed定位和absolute定位都是絕對定位。相對定位的元素沒有完全脫離了標準文檔流,
    查看全部
    0 采集 收起 來源:練習題

    2015-10-14

  • position屬性值
    查看全部
  • 固定層效果:實例:淘寶網 、QQ空間等 掌握基礎知識: 1.position屬性,又稱position定位,有3種形式的定位:靜態定位、相對定位、絕對定位。 影響因素: 1.屬性的取值,2.元素偏移量,3.元素偏移參照基準 position有三種形式的定位:靜態定位 相對定位 絕對定位(absolute fixed) position屬性值:static-靜態定位, relative-相對定位,absolute-絕對定位,fixed-固定定位。 絕對定位特點【absolute與fixed同屬于絕對定位】:完全脫離標準文檔流,兄弟元素不再受其影響
    查看全部
  • FIXED定位
    查看全部
    0 采集 收起 來源:總結

    2015-10-13

舉報

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

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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