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

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

固定層效果

難度初級
時長32分
學習人數
綜合評分9.67
353人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.5 邏輯清晰
  • absolute和fixed相同點 第一,完全 脫離標準文檔流 第二,未設置偏移量時,都定位在父元素的左上角 偏移量——元素設置定位(絕對或相對)后,具有偏移屬性和堆疊屬性(z-index)
    查看全部
  • 絕對定位(absolute、fixed)的特點: 1、完全脫離標準文檔流 2、兄弟元素不再受其影響
    查看全部
  • 任務1:margin:0 auto; 任務2:position:fixed;top:0; 任務3:margin-top:63px;(因為top的border只有bottom一條邊為1px,top自身height為42px) 所以:42+1+20=63px
    查看全部
    0 采集 收起 來源:編程練習

    2016-01-20

  • absolute 與 fixed 相同點(它倆都是絕對定位) 第一,完全脫離標準文檔流 第二,未設置偏移量時,都定位在父元素的左上角 偏移量--元素設置定位(絕對或相對)后就具有偏移屬性和堆疊屬性(z-index) absolute 與 fixed 不同點 absolute 1無已定位祖先元素,以<html>為基準偏移 2位置會隨滾動條變化 3有已定位祖先元素,以距其最近的、已定位的祖先元素為基準偏移 fixed 位置固定,不會隨滾動條變化 被他遮蓋的元素可以從其下穿過 有、無已定位祖先元素,都以瀏覽器可視窗口為基準偏移
    查看全部
  • bsolute與fixed的相同點: 第一:完全脫離標準文檔流; 第二:未設置偏移量時,都定位在父元素的左上角;(偏移量---元素設置定位(絕對或相對)后就具有偏移屬性和堆疊屬性(Z-index))
    查看全部
  • 偏移量的確定:absulute:如果父級沒有設定位置屬性(relative),則以HTML頁面為偏移的基準,會隨著頁面動;如果設定了則以父級為基準; fixed:均是以HTML可是窗口為偏移基準;保持在瀏覽器的可視窗口下;
    查看全部
  • fixed和absolute都會脫離標準層,默認位置是靠在父元素的左上角
    查看全部
  • position 定位擁有 5 種形式:absolute、fixed、relative、static和inherit。
    查看全部
    0 采集 收起 來源:練習題

    2016-01-19

  • position屬性的四種取值 1、static——靜態定位; 2、relative——相對定位; 3、absolute——絕對定位;(特點:完全脫離標準文檔流,兄弟元素不再受其影響) 4、fixed——固定定位
    查看全部
  • 1.由于給top選擇器設置fixed固定定位時,(top層已經脫離了標準文檔流)沒有對其設置偏移量,以其父包裹層(此處為<body>)定位,(當top選擇器fixed固定定位設置了偏移量時,則top層的位置將以<html>為包裹層按照所設置的偏移量的位置定位),而其父包裹層body的margin與mainbody的上margin值發生了重疊,(此時的body與mainbody屬于標準文檔流)mainbody的上margin值大于body的margin值,選擇了mainbody的上margin值20px(同一水平面中上下margin發生重疊時選擇margin值大的那個.ps:左右margine不會發生重疊)所以body下移20px;top層又以body層定位,從而導致了top層與瀏覽器可視窗口產生了距離。為了保持top層與瀏覽器窗口緊挨著,則需對top層的固定定位設置偏移量top:0; 2.第一步對top層設置偏移量后top層緊隨其后的兄弟元素會占據其原來的位置,所以mainbody層上移占據原來top層的位置。導致原來top層與mainbody層20px的間距沒有了。在mainbody層的上外填充加上一定的高度就可以解決了。
    查看全部
  • 什么時候該設置偏移量? 在對元素設置固定定位時,如果希望本元素包含起父包含塊中,不需要對其設置偏移量。 {position: fixed;}沒有設置偏移量的方向依然會保持在父包含塊。 也就是說: 在其沒有設置偏移量的時候,偏移量參數值默認為當前fixed的元素與瀏覽器可視窗口的偏移數值! 同理,對于{position: absolute;}的元素也是一個道理,沒有設置的偏移量數值默認為當前其相對與最近的有{position: relative;}的祖先元素的偏移數值!
    查看全部
    0 采集 收起 來源:偏移量的設置

    2016-01-18

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

    2016-01-18

  • absolute 與 fixed 相同點(它倆都是絕對定位) 第一,完全脫離標準文檔流 第二,未設置偏移量時,都定位在父元素的左上角 偏移量--元素設置定位(絕對或相對)后就具有偏移屬性和堆疊屬性(z-index) absolute 與 fixed 不同點 absolute 1無已定位祖先元素,以<html>為基準偏移 2位置會隨滾動條變化 3有已定位祖先元素,以距其最近的、已定位的祖先元素為基準偏移 fixed 位置固定,不會隨滾動條變化 被他遮蓋的元素可以從其下穿過 有、無已定位祖先元素,都以瀏覽器可視窗口為基準偏移
    查看全部
  • 任務1:margin:0 auto; 任務2:position:fixed;top:0; 任務3:margin-top:63px;(因為top的border只有bottom一條邊為1px,top自身height為42px) 所以:42+1+20=63px
    查看全部
    0 采集 收起 來源:編程練習

    2016-01-16

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

    2016-01-15

舉報

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

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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