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

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

固定層效果

難度初級
時長32分
學習人數
綜合評分9.67
353人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.5 邏輯清晰
  • 0、標準文檔流中,margin重合時會取較大那個。margin重合只出現在上下方向,左右沒有(左右塊元素的margin是疊加)。 1、外邊距合并指的是,當兩個垂直外邊距相遇時,它們將形成一個外邊距。合并后的外邊距的高度等于兩個發生合并的外邊距的高度中的較大者。 2、當一個元素出現在另一個元素上面時,第一個元素的下外邊距與第二個元素的上外邊距會發生合并。 3、當一個元素包含在另一個元素中時(假設沒有內邊距或邊框把外邊距分隔開),它們的上/下外邊距也會發生合并。 4、元素設置{position: fixed; }或{position: absolute; }之后,就會脫離標準文檔流,即其后的標準文檔流元素{position: relative;}或默認的{position: static;}會按正常標準文檔流來排版(忽視絕對定位的元素)
    查看全部
  • 在對元素設置固定定位時,如果希望本元素包含起父包含塊中,不需要對其設置偏移量。 {position: fixed;}沒有設置偏移量的方向依然會保持在父包含塊。 也就是說: 在其沒有設置偏移量的時候,偏移量參數值默認為當前fixed的元素與瀏覽器可視窗口的偏移數值! 同理,對于{position: absolute;}的元素也是一個道理,沒有設置的偏移量數值默認為當前其相對與最近的有{position: relative;}的祖先元素的偏移數值!
    查看全部
    0 采集 收起 來源:偏移量的設置

    2015-08-11

  • 不同點: absolute 1、無已定位父級元素,以html為基準偏移 2、有已定位父級元素,以距其最近的,已定位的父級元素為基準偏移 fixed 1,有、無已定位父級元素,都以瀏覽器可視窗口為基準偏移 可視窗口:瀏覽器正展示的那一塊
    查看全部
  • Fixed 定位特點
    查看全部
    0 采集 收起 來源:總結

    2015-08-11

  • absolte與fixed相同點: 1.完全脫離標準文檔流 2.未設置偏移量時,定位在原來的位置。 若設置了偏移量,都定位在父元素的左上角。 偏移量——元素設置定位(絕對或相對)后就具有偏移屬性和堆疊屬性(z-index) 不同點: absolute 1,會隨滾動條變化 fixed 1,位置固定,不會隨滾動條變化 2,被他遮蓋的元素,可以從其下穿過
    查看全部
  • 固定層效果 掌握知識: 1.position屬性,又稱position定位,有3種形式的定位:靜態定位、相對定位、絕對定位。 影響因素: 1.屬性的取值,2.元素偏移量,3.元素偏移參照基準 position屬性值:static-靜態定位, relative-相對定位,absolute-絕對定位,fixed-固定定位。 絕對定位特點【absolute與fixed同屬于絕對定位】:完全脫離標準文檔流,兄弟元素不再受其影響
    查看全部
  • position:fixed;bottom:50px;right:30px;
    查看全部
    0 采集 收起 來源:編程挑戰

    2015-08-07

  • mainbody的margin-top屬性應為63px,不是64px。 因為top的border只有bottom一條邊,為1px,top自身height為42px。 所以42+1+20=63px。
    查看全部
    0 采集 收起 來源:編程練習

    2015-08-07

  • mainbody的margin-top屬性應為63px,不是64px。 因為top的border只有bottom一條邊,為1px,top自身height為42px。 所以42+1+20=63px。
    查看全部
    0 采集 收起 來源:編程練習

    2015-08-07

  • 知一 div 高 35px,緊鄰其后的 X 元素上外邊距為 15px,為該 div 設置 fixed 定位后,因為X元素15px的上外邊距與body的0px上外邊距信息重疊了,所以body也跟著下移;然后,div在父元素body內,且沒有設置偏移量,所以div相對其父元素body進行絕對定位 絕對定位,未設置偏移量時,顯示在body元素的左上角 在普通文檔流中,當垂直方向上的兩個外邊距相遇時,會發生外邊距合并,最后的外邊距取兩個外邊距較高的值。這種合并現象發生在普通文檔流的塊級元素上,而行內框、浮動框以及定位框則不會受影響。
    查看全部
    0 采集 收起 來源:練習題

    2015-08-07

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

    2015-08-07

  • 不同點: absolute 1、無已定位父級元素,以html為基準偏移 2、有已定位父級元素,以距其最近的,已定位的父級元素為基準偏移 fixed 1,有、無已定位父級元素,都以瀏覽器可視窗口為基準偏移 可視窗口:瀏覽器正展示的那一塊
    查看全部
  • absolte與fixed相同點: 1.完全脫離標準文檔流 2.未設置偏移量時,定位在父元素的左上角位置。 偏移量——元素設置定位(絕對或相對)后就具有偏移屬性和堆疊屬性(z-index)
    查看全部
  • 固定層效果 掌握知識: 1.position屬性,又稱position定位,有3種形式的定位:靜態定位、相對定位、絕對定位。 影響因素: 1.屬性的取值,2.元素偏移量,3.元素偏移參照基準 position屬性值:static-靜態定位, relative-相對定位,absolute-絕對定位,fixed-固定定位。 絕對定位特點【absolute與fixed同屬于絕對定位】:完全脫離標準文檔流,兄弟元素不再受其影響
    查看全部
  • 1.由于給top選擇器設置fixed固定定位時,(top層已經脫離了標準文檔流)沒有對其設置偏移量,以其父包裹層定位,(當top選擇器fixed固定定位設置了偏移量時,則top層的位置按照所設置的偏移量的位置定位),而其父包裹層body的margin與mainbody的上margin值發生了重疊,(此時的body與mainbody屬于標準文檔流)mainbody的上margin值大于body的margin值,選擇了mainbody的上margin值20px(標準文檔流中上下margin發生重疊時選擇margin值大的那個)所以body下移20px;top層又以body層定位,從而導致了top層與瀏覽器可視窗口產生了距離。為了保持top層與瀏覽器窗口緊挨著,則需對top層的固定定位設置偏移量top:0; 2.第一步對top層設置偏移量后top層緊隨其后的兄弟元素會占據其原來的位置,所以mainbody層上移占據原來top層的位置。導致原來top層與mainbody層20px的間距沒有了。在mainbody層的上外填充加上一定的高度就可以解決了。
    查看全部

舉報

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

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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