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

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

固定層效果

難度初級
時長32分
學習人數
綜合評分9.67
353人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.5 邏輯清晰
  • 標準文檔流中,margin重合時會取較大那個。margin重合只出現在上下方向,左右沒有(左右塊元素的margin是疊加)。
    查看全部
  • fixed定位不設置偏移量時,他的位置還是在沒有fixed定位時在父層中的位置,但是具備fixed定位的屬性。
    查看全部
    0 采集 收起 來源:偏移量的設置

    2015-07-30

  • absolute與fixed的不同點
    查看全部
  • absolute與fixed的不同: 設置偏移量時,偏移參照基準 absolute: 1.無已定位祖先元素,以<html>為基準偏移。 2.有已定位祖先元素,以距其最近的、已定位(相對定位、絕對定位、固定定位)的祖先元素為基準偏移。 fixed: 1.有、無已定位祖先元素,都以瀏覽器可視窗口為基準偏移。 表現形式(產生滾動條時) absolute: 1.位置會隨滾動條變化 fixed: 1.位置固定,不會隨著滾動條變化 2.被它遮蓋的元素,可以從其下穿過(絕對定位的元素在空間上可以產生堆疊,已經脫離標準文檔流)
    查看全部
  • 1.position屬性,又稱position定位,有3種形式的定位:靜態定位、相對定位、絕對定位。 影響因素: 1.屬性的取值,2.元素偏移量,3.元素偏移參照基準 position屬性值:static-靜態定位, relative-相對定位,absolute-絕對定位,fixed-固定定位。 絕對定位:特點,完全脫離標準文檔流,兄弟元素不再受其影響
    查看全部
  • fixed定位總結 定位形式——絕對定位 特點——位置固定不變,兄弟元素會從其下穿過,脫離文檔流。 1.未設置偏移量 有已定位的祖先元素,以祖先元素為基準定位 無已定位的祖先元素,以瀏覽器窗口為基準定位 設置偏移量,有、無已定位祖先元素,均以瀏覽器窗口為基準偏移。 案例實現關鍵 頂部固定層 #top----position:fixed;top:0; left:0; #mainbody----margin-top:(#top高度+原有間距)px
    查看全部
    0 采集 收起 來源:總結

    2015-07-29

  • 1.position屬性,又稱position定位,有3種形式的定位:靜態定位、相對定位、絕對定位。 影響因素: 1.屬性的取值,2.元素偏移量,3.元素偏移參照基準 position屬性值:static-靜態定位, relative-相對定位,absolute-絕對定位,fixed-固定定位。 絕對定位:特點,完全脫離標準文檔流,兄弟元素不再受其影響
    查看全部
  • fixed定位總結 定位形式——絕對定位 特點——位置固定不變,兄弟元素會從其下穿過,脫離文檔流。 1.未設置偏移量 有已定位的祖先元素,以祖先元素為基準定位 無已定位的祖先元素,以瀏覽器窗口為基準定位 設置偏移量,有、無已定位祖先元素,均以瀏覽器窗口為基準偏移。 案例實現關鍵 頂部固定層 #top----position:fixed;top:0; left:0; #mainbody----margin-top:(#top高度+原有間距)px
    查看全部
    0 采集 收起 來源:總結

    2015-07-27

  • 該情況下,由于mainbody設置了margin-top為20px,而top脫離了標準文檔流之后,mainbody就和body相遇,二者的margin-top重合為20px。注意這種重合只會出現在上下邊距的情況,左右不會出現。
    查看全部
  • 在對元素設置固定定位時,如果希望本元素包含起父包含塊中,不需要對其設置偏移量。 PS:{position: fixed;}沒有設置偏移量的方向依然會保持在父包含塊。 即:在定位元素沒有設置偏移量的時候,偏移量參數值默認為當前設置fixed定位的元素與瀏覽器可視窗口的偏移數值。同理,對于{position: absolute;}的元素也一樣,沒有設置的偏移量數值默認為當前其相對與最近的有{position: relative;}的祖先元素的偏移數值
    查看全部
    0 采集 收起 來源:偏移量的設置

    2015-07-27

  • absolute與fixed的不同: 設置偏移量時,偏移參照基準 absolute: 1.無已定位祖先元素,以<html>為基準偏移。 2.有已定位祖先元素,以距其最近的、已定位(相對定位、絕對定位、固定定位)的祖先元素為基準偏移。 fixed: 1.有、無已定位祖先元素,都以瀏覽器可視窗口為基準偏移。 表現形式(產生滾動條時) absolute: 1.位置會隨滾動條變化 fixed: 1.位置固定,不會隨著滾動條變化 2.被它遮蓋的元素,可以從其下穿過(絕對定位的元素在空間上可以產生堆疊,已經脫離標準文檔流)
    查看全部
  • absolute與fixed相同點:(都屬于絕對定位形式) 1.完全脫離標準文檔流 2.未設置偏移量時,都定位在父元素的左上角。 偏移量——元素設置定位(絕對或相對)后 就具有偏移屬性和堆疊屬性(z-index)
    查看全部
  • 1.position屬性,又稱position定位,有3種形式的定位:靜態定位、相對定位、絕對定位。 影響因素: 1.屬性的取值,2.元素偏移量,3.元素偏移參照基準 position屬性值:static-靜態定位, relative-相對定位,absolute-絕對定位,fixed-固定定位。 絕對定位:特點,完全脫離標準文檔流,兄弟元素不再受其影響
    查看全部
  • fixed定位總結 定位形式——絕對定位 特點——位置固定不變,兄弟元素會從其下穿過,脫離文檔流。 1.未設置偏移量 有已定位的祖先元素,以祖先元素為基準定位 無已定位的祖先元素,以瀏覽器窗口為基準定位 2.設置偏移量,有、無已定位的祖先元素,均以瀏覽器窗口為基準偏移
    查看全部
    0 采集 收起 來源:總結

    2015-07-26

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

    2015-07-26

舉報

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

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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