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

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

固定層效果

難度初級
時長32分
學習人數(shù)
綜合評分9.67
353人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.5 邏輯清晰
  • 在對元素設置固定定位時,如果希望本元素包含在其父包含塊中,則不需要對其設置偏移量
    查看全部
    0 采集 收起 來源:偏移量的設置

    2016-02-04

  • absolute,fixed絕對定位的特點:完全脫離標準文檔流,兄弟元素不受影響
    查看全部
  • 固定層效果如何實現(xiàn) 1.固定層效果實現(xiàn)關鍵代碼: #top......position:fixed;top:0;left:0; #mainbody......margin-top:(#top高度+原有間距)px; 2.影響因素有哪些? 屬性的取值,元素的偏移量,元素偏移參照基準 3.absolute和fixed都是絕對定位,相同點如下: a.都完全脫離標準文檔流。 b.未設置偏移量時,都定位在父元素左上角。 4.absolute和fixed的不同點主要體現(xiàn)在兩個方面: 第一方面體現(xiàn)在設置偏移量時,當absolute無已定位祖先元素時,以html為基準偏移。有已定位父元素時, 以距其最近的已定位的祖先元素偏移。 而fixed不論有無已定位父元素,它都以瀏覽器可視窗口為基準偏移。 第二方面體現(xiàn)在表現(xiàn)形式上,absolute的位置會隨著滾動條的變化而變化,而fixed位置固定,不會隨著滾 動條的位置變化,而且被它遮蓋住的元素,能從它的下方穿過。
    查看全部
    0 采集 收起 來源:總結

    2016-02-04

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

    2016-02-03

  • absolute與fixed不同點
    查看全部
  • 依舊是margin重疊問題 因為div是fixed,所以脫離標準文檔流。X元素設置了上邊距,body距離html也有一個上邊距,但是body沒有border,padding屬性,所以由于margin有垂直外邊局合并問題,body的上邊距也變?yōu)?5px,div會緊貼body上邊。所以,div與瀏覽器上邊界相距15px。
    查看全部
    1 采集 收起 來源:練習題

    2016-02-03

  • 1.關于fixed的定位及偏移量基準參照 由于給top選擇器設置fixed固定定位時,(top層已經(jīng)脫離了標準文檔流)沒有對其設置偏移量,以其父包裹層定位,(當top選擇器fixed固定定位設置了偏移量時,則top層的位置按照所設置的偏移量的位置定位) 2.margin重疊問題 fixed固定條的父包裹層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:
    查看全部
  • 又是一個比較重要的基礎知識點: 文檔流中,當兩個垂直邊界(margin-top或margin-bottom)相遇時,它們將形成一個邊界。這個邊界的高度等于兩個發(fā)生疊加的邊界的高度中的較大者。<br> 補充解決方案:<br> 1.外層padding<br> 2.透明邊框border:1pxsolidtransparent;<br> 3.絕對定位postion:absolute:<br> 4.外層DIVoverflow:hidden;<br> 5.內層DIV 加float:left;display:inline;<br> 6.外層DIV有時會用到zoom:1;
    查看全部
  • 固定定位時候的位置:
    查看全部
    0 采集 收起 來源:偏移量的設置

    2016-02-03

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

    2016-02-03

  • position 定位擁有 5 種形式:absolute、fixed、relative、static和inherit。
    查看全部
    0 采集 收起 來源:練習題

    2016-02-03

  • 固定定位時需要設置偏移量的條件
    查看全部
    0 采集 收起 來源:偏移量的設置

    2016-02-03

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

    2016-02-03

  • absolute與fixed的不同點
    查看全部
  • 如果在定位某一個塊的時候,這個塊產生了margin屬性重疊,導致這個塊和瀏覽器頂部邊框有間距時,可以用top:0清除間距。
    查看全部
    0 采集 收起 來源:編程練習

    2016-02-02

舉報

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)的支持!