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

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定

固定層效果

難度初級(jí)
時(shí)長(zhǎng)32分
學(xué)習(xí)人數(shù)
綜合評(píng)分9.67
353人評(píng)價(jià) 查看評(píng)價(jià)
9.9 內(nèi)容實(shí)用
9.6 簡(jiǎn)潔易懂
9.5 邏輯清晰
  • absolute按距離最近已經(jīng)定位的祖先元素為基準(zhǔn)偏移 fixed按可視窗口定位不受偏移量影響
    查看全部
  • 未設(shè)置偏移量時(shí)候absolute和fixed的相同點(diǎn):不論父元素是否已經(jīng)定位,都出現(xiàn)在父元素的左上角。
    查看全部
  • 該情況下,由于mainbody設(shè)置了margin-top為20px,而top脫離了標(biāo)準(zhǔn)文檔流之后,mainbody就和body相遇,二者的margin-top重合為20px。注意這種重合只會(huì)出現(xiàn)在上下邊距的情況,左右不會(huì)出現(xiàn)。
    查看全部
  • 對(duì)于標(biāo)準(zhǔn)文檔流中,上外填充和下外填充相遇的時(shí)候,會(huì)發(fā)生重疊,重疊為最大的那一個(gè)。
    查看全部
  • z-index是堆疊屬性
    查看全部
  • fixed absolute 區(qū)別
    查看全部
  • fixed定位總結(jié) 定位形式——絕對(duì)定位 特點(diǎn)——位置固定不變,兄弟元素會(huì)從其下穿過(guò),脫離文檔流。 1.未設(shè)置偏移量 有已定位的祖先元素,以祖先元素為基準(zhǔn)定位 無(wú)已定位的祖先元素,以瀏覽器窗口為基準(zhǔn)定位 2.設(shè)置偏移量,有、無(wú)已定位的祖先元素,均以瀏覽器窗口為基準(zhǔn)偏移
    查看全部
    0 采集 收起 來(lái)源:總結(jié)

    2015-07-25

  • absolute與fixed相同點(diǎn):(都屬于絕對(duì)定位形式) 1.完全脫離標(biāo)準(zhǔn)文檔流 2.未設(shè)置偏移量時(shí),定位在原來(lái)的位置。 若設(shè)置了偏移量,定位在父元素的左上角。 偏移量——元素設(shè)置定位(絕對(duì)或相對(duì))后就具有偏移屬性和堆疊屬性(z-index)
    查看全部
  • 案例實(shí)現(xiàn)關(guān)鍵: 頂部固定層: #top----position:fixed;top:0;left:0; #mainbody----margin-top:(#top高度+原有間距)px
    查看全部
    0 采集 收起 來(lái)源:總結(jié)

    2015-07-24

  • fixed定位總結(jié) 定位形式——絕對(duì)定位 特點(diǎn)——位置固定不變,兄弟元素會(huì)從其下穿過(guò),脫離文檔流。 1.未設(shè)置偏移量 有已定位的祖先元素,以祖先元素為基準(zhǔn)定位 無(wú)已定位的祖先元素,以瀏覽器窗口為基準(zhǔn)定位 2.設(shè)置偏移量,有、無(wú)已定位的祖先元素,均以瀏覽器窗口為基準(zhǔn)偏移
    查看全部
    0 采集 收起 來(lái)源:總結(jié)

    2015-07-24

  • 已知 div 高 35px,緊鄰其后的 X 元素上外邊距為 15px,為該 div 設(shè)置 fixed 定位后,div與瀏覽器可視窗口上邊界相距15px。 為什么呢? 因?yàn)閄元素15px的上外邊距與body的上外邊距信息重疊了,所以body也跟著下移;然后,div在父元素body內(nèi),且沒(méi)有設(shè)置偏移量,所以div相對(duì)其父元素body進(jìn)行絕對(duì)定位。
    查看全部
    0 采集 收起 來(lái)源:練習(xí)題

    2015-07-24

  • 1.元素設(shè)置{position: fixed; }或{position: absolute; }之后,就會(huì)脫離標(biāo)準(zhǔn)文檔流,即其后的標(biāo)準(zhǔn)文檔流元素{position: relative;}或默認(rèn)的{position: static;}會(huì)按正常標(biāo)準(zhǔn)文檔流來(lái)排版(忽視絕對(duì)定位的元素) 2.在標(biāo)準(zhǔn)文檔流中,兩個(gè)元素縱向重疊時(shí),其margin屬性也會(huì)產(chǎn)生縱向重疊(左右不會(huì)),重疊以后會(huì)取兩元素中上外邊距或下外邊距最大的元素的外邊距作為共同的外邊距,即使一方上/下外邊距為0,此規(guī)則也同樣適用。
    查看全部
  • fixed absolute 區(qū)別
    查看全部
  • position: fixed;}沒(méi)有設(shè)置偏移量的方向依然會(huì)保持在父包含塊。 也就是說(shuō): 在其沒(méi)有設(shè)置偏移量的時(shí)候,偏移量參數(shù)值默認(rèn)為當(dāng)前fixed的元素與瀏覽器可視窗口的偏移數(shù)值! 同理,對(duì)于{position: absolute;}的元素也是一個(gè)道理,沒(méi)有設(shè)置的偏移量數(shù)值默認(rèn)為當(dāng)前其相對(duì)與最近的有{position: relative;}的祖先元素的偏移數(shù)值!
    查看全部
    0 采集 收起 來(lái)源:偏移量的設(shè)置

    2015-07-23

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

    2015-07-23

舉報(bào)

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

微信掃碼,參與3人拼團(tuán)

微信客服

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

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)

友情提示:

您好,此課程屬于遷移課程,您已購(gòu)買(mǎi)該課程,無(wú)需重復(fù)購(gòu)買(mǎi),感謝您對(duì)慕課網(wǎng)的支持!