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

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

固定層效果

難度初級
時長32分
學習人數
綜合評分9.67
353人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.5 邏輯清晰
  • absolute與fixed相同點:(都屬于絕對定位形式) 1.完全脫離標準文檔流 2.未設置偏移量時,都定位在父元素的左上角。 偏移量——元素設置定位(絕對或相對)后 就具有偏移屬性和堆疊屬性(z-index)
    查看全部
  • 頂部固定層<br> #top----position:fixex;(top:0;left:0;取決于祖先元素是否定位且有偏移量) #mainbody---margin-top:(#top高度+原有間距)px
    查看全部
    0 采集 收起 來源:總結

    2018-03-22

  • 在對元素設置固定定位時,如果希望本元素包含其父包含塊中,不需要對其設置偏移量 頂部固定層關鍵 固定層…position:fixed;top:0;left:0; mainbody…margin-top:(固定層高度+原有間距)px
    查看全部
  • fixed:1、未設置偏移量時 有已經定位的祖先元素,以祖先元素為基準; 無已經定位的祖先元素,以瀏覽器窗口為基準定位。 2、已經設置偏移量時 有、無已經定位的祖先元素,均以瀏覽器窗口為基準偏移;
    查看全部
    0 采集 收起 來源:總結

    2016-05-11

  • 固定層效果實現要素: position屬性+fixed(固定定位) absolute和fixed的相同點: 1.完全脫離標準文檔流 2.未設置偏移量時,都定位在父元素的左上角 absolute和fixed的不同點: 1.設置偏移量時,偏移參照基準 absolute ①無已定位祖先元素,以<html>為基準偏移 ②有已定位祖先元素,以距其最近的,已定位的 祖先元素為基準偏移 fixed 無論有無已定位的祖先元素,都以瀏覽器可視窗口為 基準偏移 2.表現形式(產生滾動條時) absolute 位置會隨滾動條變化 fixed 位置固定,不會隨滾動條變化 被他遮蓋的元素,可以從其下方穿過
    查看全部
  • mainbody 上下外邊距會與 body外邊距重合; position :fixed 固定窗口; fixed 后會脫離文檔流 -記得修改后隨文檔的margin-top;
    查看全部
    0 采集 收起 來源:編程練習

    2016-05-11

  • 在對元素設置固定定位時,如果希望它在父包含塊中,則不需對其進行設置偏移量。
    查看全部
    0 采集 收起 來源:偏移量的設置

    2016-05-11

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

    2016-05-11

  • absolute:1、無已定位的祖先元素,則以<HTML>為基準偏移<br> 2、有已定位的祖先元素,則以距離最近的且已定位的祖先元素為基準偏移 3、位置會隨滾動條變化。 fixed: 1、有、無已定位的祖先元素,都以瀏覽器可視窗口為基準偏移。(即我們看到網頁的那部分) 2、位置固定,不會隨滾動條變化。(固定浮在上面)
    查看全部
  • absolute 和fixed相同點:完全脫離文檔流、未設置偏移量時,定位在父元素的左上角。
    查看全部
  • static relative absolute fixed 絕對定位特點:完全脫離標準文檔流,兄弟元素不再受其影響。
    查看全部
  • 應該是這樣的吧:一、未設置偏移量時,absolute和fixed都以當前位置為基準(不是父元素左上角,可以試試在該元素前加點文字試試);二、設置偏移量時:1、無定位屬性的祖先元素:absolute以當前瀏覽器窗口為基準,fixed以瀏覽器窗口為基準;2、有定位屬性祖先元素:absolute以有定位屬性的祖先元素為基準,fixed以瀏覽器窗口為基準。
    查看全部
    0 采集 收起 來源:總結

    2016-05-11

  • 另外,樓下@goto_sky的所說的,題目并沒有歧義. 因為div元素設置了fixed屬性,則其就會脫離標準文檔流.然后x元素就成了在標準文檔流中緊鄰body元素的元素,隨即他們在縱軸方向上相遇了.這就產生了magin重疊問題.根據重疊原則(上一節有講),body的magin-bottom就隱含成了15px. 但是,這里設置了fixed的div元素并沒有設置top屬性,則其仍按父包裹層(body)的位置不動. 所以,根據以上分析,div元素 和 x元素都與瀏覽器可視窗口上邊界相距15px.
    查看全部
    1 采集 收起 來源:練習題

    2016-05-11

  • position和fixed相同點: 1.設置了之后都會使元素脫離標準文檔流; 2.未對其設置偏移量時,元素都位于直接父元素的左上角; position和fixed不同點: 1.position,設置了偏移量后,如果無已定位父元素,則以html為基準進行偏移,如果有已定位父元素則根據最近的已定位父元素進行偏移; 2.fixed,設置了偏移量后,根據瀏覽器可視窗口進行定位;
    查看全部
  • fixed
    查看全部
    0 采集 收起 來源:總結

    2016-05-11

舉報

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

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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