第七色在线视频,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 邏輯清晰
  • 固定定位
    查看全部
    0 采集 收起 來源:總結(jié)

    2016-01-08

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

    2016-01-08

  • 外部樣式,1分離,便于管理,符合w3c標(biāo)準(zhǔn)
    查看全部
  • 對(duì)元素設(shè)置position:absolute/fixed;屬性時(shí),若不設(shè)置偏移量,則以其最近父級(jí)元素為定位基準(zhǔn)。 若設(shè)置偏移量,position:absolute;以其具有定位屬性的最近父級(jí)元素為定位基準(zhǔn);position:fixed;以網(wǎng)頁(yè)可是窗口為便宜基準(zhǔn)。
    查看全部
  • 什么時(shí)候只用設(shè)置固定定位不用設(shè)置偏移量
    查看全部
  • 對(duì),只有元素在設(shè)置相對(duì)定位,或者絕對(duì)定位后,此屬性才有效,它的作用是設(shè)置元素所在的z軸層級(jí)。z-index值越大,元素層級(jí)越大。
    查看全部
    0 采集 收起 來源:練習(xí)題

    2016-01-08

  • absolute與fixed的不同點(diǎn): 設(shè)置偏移量時(shí):absolute:1、無已定位祖先元素,以html為基準(zhǔn);2、有已定位祖先元素,以距其最近,已定位的祖先元素為基準(zhǔn)。fixed:有無已定位祖先元素都以瀏覽器可視窗口為基準(zhǔn)偏移。 表現(xiàn)形式(產(chǎn)生滾動(dòng)條時(shí)):absolute:位置隨滾動(dòng)條變化;fixed:1、位置不隨滾動(dòng)條變化;2、被其遮蓋的元素可從其下穿過。
    查看全部
  • 最近的包裹層是內(nèi)容的父元素
    查看全部
  • 兩種絕對(duì)定位:absolute與fixed的相同點(diǎn)
    查看全部
  • position有四個(gè)屬性值
    查看全部
  • 1.由于給top選擇器設(shè)置fixed固定定位時(shí),(top層已經(jīng)脫離了標(biāo)準(zhǔn)文檔流)沒有對(duì)其設(shè)置偏移量,以其父包裹層定位,(當(dāng)top選擇器fixed固定定位設(shè)置了偏移量時(shí),則top層的位置按照所設(shè)置的偏移量的位置定位),而其父包裹層body的margin與mainbody的上margin值發(fā)生了重疊,(此時(shí)的body與mainbody屬于標(biāo)準(zhǔn)文檔流)mainbody的上margin值大于body的margin值,選擇了mainbody的上margin值20px(標(biāo)準(zhǔn)文檔流中上下margin發(fā)生重疊時(shí)選擇margin值大的那個(gè))所以body下移20px;top層又以body層定位,從而導(dǎo)致了top層與瀏覽器可視窗口產(chǎn)生了距離。為了保持top層與瀏覽器窗口緊挨著,則需對(duì)top層的固定定位設(shè)置偏移量top:0; 2.第一步對(duì)top層設(shè)置偏移量后top層緊隨其后的兄弟元素會(huì)占據(jù)其原來的位置,所以mainbody層上移占據(jù)原來top層的位置。導(dǎo)致原來top層與mainbody層20px的間距沒有了。在mainbody層的上外填充加上一定的高度就可以解決了。
    查看全部
  • position:fixed;瀏覽器窗口定位
    查看全部
    0 采集 收起 來源:編程挑戰(zhàn)

    2016-01-05

  • 對(duì)元素設(shè)置position:absolute/fixed;屬性時(shí),若不設(shè)置偏移量,則以其最近父級(jí)元素為定位基準(zhǔn)。 若設(shè)置偏移量,position:absolute;以其具有定位屬性的最近父級(jí)元素為定位基準(zhǔn);position:fixed;以網(wǎng)頁(yè)可是窗口為便宜基準(zhǔn)。
    查看全部
  • 當(dāng)我們?cè)谠O(shè)置固定層效果的時(shí)候,可能會(huì)出現(xiàn)top層和mainbody層同時(shí)向下移動(dòng)一定距離的現(xiàn)象,這個(gè)時(shí)候我們可以為mainbody層設(shè)置main-top:(#top高度+原有間距)px來解決這個(gè)問題
    查看全部
    0 采集 收起 來源:總結(jié)

    2016-01-05

  • absolute與fixed的相同點(diǎn):<br> 當(dāng)元素未設(shè)置偏移量時(shí),無論是否存在已經(jīng)定位的祖先元素,該元素都定位在父元素的左上角;<br> absolute域fixed的不同點(diǎn):<br> 當(dāng)設(shè)置元素的偏移量時(shí)<br> absolute:<br> 該元素不存在以定位的祖先元素時(shí),以<html>為基準(zhǔn)偏移;<br> 該元素存在已定位的祖先元素時(shí),以距其最近的、已經(jīng)定位的祖先元素為基準(zhǔn)偏移;<br> fixed:<br> 有無已經(jīng)定位的祖先元素,都以瀏覽器可是窗口為基準(zhǔn)偏移
    查看全部

舉報(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)買該課程,無需重復(fù)購(gòu)買,感謝您對(duì)慕課網(wǎng)的支持!