第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

固定層效果

難度初級
時長32分
學習人數(shù)
綜合評分9.67
353人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.5 邏輯清晰
  • 頁面表現(xiàn)方面的區(qū)別
    查看全部
  • 相同點
    查看全部
  • 不同的地方
    查看全部
  • margin選擇器設置的屬性會和fixed屬性設置重疊,導致<body>層與瀏覽器可視化窗口產生間距。在標準文檔流中,兩個元素,上外邊距和上外邊距,或者上外邊距和下外邊距相遇時,當兩個標簽都在標準文檔流中時,會選擇較大的上外填充
    查看全部
  • 案例實現(xiàn)關鍵 頂部固定層 #top----position:fixed;top:0;left:0; #mainbody----margin-top:(#top高度+原有間距)px
    查看全部
    0 采集 收起 來源:總結

    2016-05-10

  • 已知一 div 高 35px,緊鄰其后的 X 元素上外邊距為 15px,為該 div 設置 fixed 定位后——div與瀏覽器可視窗口上邊界相距15px 解析:因為X元素15px的上外邊距與body的0px上外邊距信息重疊了,所以body也跟著下移15px;又因為,div在父元素body內,且沒有設置偏移量,所以div相對其父元素body進行絕對定位 (當絕對定位,未設置偏移量時,顯示在body元素的左上角)
    查看全部
    0 采集 收起 來源:練習題

    2016-05-10

  • margin的重疊 1.由于給top選擇器設置fixed固定定位時,(top層已經脫離了標準文檔流)沒有對其設置偏移量,以其父包裹層定位,(當top選擇器fixed固定定位設置了偏移量時,則top層的位置按照所設置的偏移量的位置定位),而其父包裹層body的margin與mainbody的上margin值發(fā)生了重疊,(此時的body與mainbody屬于標準文檔流)mainbody的上margin值大于body的margin值,選擇了mainbody的上margin值20px(標準文檔流中上下margin發(fā)生重疊時選擇margin值大的那個)所以body下移20px;top層又以body層定位,從而導致了top層與瀏覽器可視窗口產生了距離。為了保持top層與瀏覽器窗口緊挨著,則需對maibody或者body層當中數(shù)值較大的值進行調節(jié)。
    查看全部
  • 在對元素設置固定定位時候,如果希望本元素包含其父包含塊中,不需要對其設置(left,top,right,bottom)偏移量
    查看全部
    0 采集 收起 來源:偏移量的設置

    2016-05-10

  • fixed脫離文檔流,絕對定位
    查看全部
    0 采集 收起 來源:總結

    2016-05-10

  • absolute與fixed的不同點: 設置偏移量時:absolute:1、無已定位祖先元素,以html為基準;2、有已定位祖先元素,以距其最近,已定位的祖先元素為基準。fixed:有無已定位祖先元素都以瀏覽器可視窗口為基準偏移。 表現(xiàn)形式(產生滾動條時):absolute:位置隨滾動條變化;fixed:1、位置不隨滾動條變化;2、被其遮蓋的元素可從其下穿過
    查看全部
  • absolute與fixed相同點:(都屬于絕對定位形式) 1.完全脫離標準文檔流 2.未設置偏移量時,都定位在父元素的左上角。 偏移量——元素設置定位(絕對或相對)后 就具有偏移屬性和堆疊屬性(z-index) 不同點: absolute 1,會隨滾動條變化 fixed 1,位置固定,不會隨滾動條變化 2,被他遮蓋的元素,可以從其下穿過 [ 收起全文 ]
    查看全部
  • 已知一 div 高 35px,緊鄰其后的 X 元素上外邊距為 15px,為該 div 設置 fixed 定位后——div與瀏覽器可視窗口上邊界相距15px 解析:因為X元素15px的上外邊距與body的0px上外邊距信息重疊了,所以body也跟著下移15px;又因為,div在父元素body內,且沒有設置偏移量,所以div相對其父元素body進行絕對定位 (當絕對定位,未設置偏移量時,顯示在body元素的左上角)
    查看全部
    0 采集 收起 來源:練習題

    2016-05-10

  • margin的重疊 1.由于給top選擇器設置fixed固定定位時,(top層已經脫離了標準文檔流)沒有對其設置偏移量,以其父包裹層定位,(當top選擇器fixed固定定位設置了偏移量時,則top層的位置按照所設置的偏移量的位置定位),而其父包裹層body的margin與mainbody的上margin值發(fā)生了重疊,(此時的body與mainbody屬于標準文檔流)mainbody的上margin值大于body的margin值,選擇了mainbody的上margin值20px(標準文檔流中上下margin發(fā)生重疊時選擇margin值大的那個)所以body下移20px;top層又以body層定位,從而導致了top層與瀏覽器可視窗口產生了距離。為了保持top層與瀏覽器窗口緊挨著,則需對top層的固定定位設置偏移量top:
    查看全部
  • absolute與fixed的不同點: 設置偏移量時:absolute:1、無已定位祖先元素,以html為基準;2、有已定位祖先元素,以距其最近,已定位的祖先元素為基準。fixed:有無已定位祖先元素都以瀏覽器可視窗口為基準偏移。 表現(xiàn)形式(產生滾動條時):absolute:位置隨滾動條變化;fixed:1、位置不隨滾動條變化;2、被其遮蓋的元素可從其下穿過。
    查看全部
  • absolute與fixed相同點:(都屬于絕對定位形式) 1.完全脫離標準文檔流 2.未設置偏移量時,都定位在父元素的左上角。 偏移量——元素設置定位(絕對或相對)后 就具有偏移屬性和堆疊屬性(z-index) 不同點: absolute 1,會隨滾動條變化 fixed 1,位置固定,不會隨滾動條變化 2,被他遮蓋的元素,可以從其下穿過
    查看全部

舉報

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

微信掃碼,參與3人拼團

微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網(wǎng)微信公眾號

友情提示:

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