-
absolute與fixed不同點(diǎn)查看全部
-
absolute與fixed相同點(diǎn)查看全部
-
四種定位屬性查看全部
-
margin選擇器設(shè)置的屬性會(huì)和fixed屬性設(shè)置重疊，導(dǎo)致<body>層與瀏覽器可視化窗口產(chǎn)生間距。在標(biāo)準(zhǔn)文檔流中，兩個(gè)元素，上外邊距和上外邊距，或者上外邊距和下外邊距相遇時(shí)，當(dāng)兩個(gè)標(biāo)簽都在標(biāo)準(zhǔn)文檔流中時(shí)，會(huì)選擇較大的上外填充。查看全部
-
在元素設(shè)置固定定位時(shí)，如果希望本元素包含其父包含快中，則不需要對(duì)其設(shè)置偏移量。查看全部
-
定位后的屬性，只有元素在設(shè)置相對(duì)定位，或者絕對(duì)定位后，此屬性才有效，它的作用是設(shè)置元素所在的z軸層級(jí)。z-index值越大，元素層級(jí)越大。查看全部
-
absolute與fixed相同點(diǎn)：<br> 1.完全脫離標(biāo)準(zhǔn)文檔流<br> 2.未設(shè)置偏移量時(shí)，都定位在父元素的左上角 偏移量----元素設(shè)置定位（絕對(duì)或相對(duì)）后，就具有偏移屬性和堆疊屬性（z-index）查看全部
-
絕對(duì)定位：完全脫離標(biāo)準(zhǔn)文檔流，兄弟元素不再受其影響查看全部
-
margin的重疊 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ì)maibody或者body層當(dāng)中數(shù)值較大的值進(jìn)行調(diào)節(jié)。查看全部
-
@頂部固頂層關(guān)鍵點(diǎn) 【溫馨提示：Java、Jsp、Android、JS等編程愛好者可以聯(lián)系Q：********，互相學(xué)習(xí)，共同進(jìn)步！】查看全部
-
@Fixed定位 【溫馨提示：Java、Jsp、Android、JS等編程愛好者可以聯(lián)系Q：********，互相學(xué)習(xí)，共同進(jìn)步！】查看全部
-
@absolute與fixed的不同點(diǎn) 【溫馨提示：Java、Jsp、Android、JS等編程愛好者可以聯(lián)系Q：********，互相學(xué)習(xí)，共同進(jìn)步！】查看全部
-
@absolute與fixed的不同點(diǎn) 【溫馨提示：Java、Jsp、Android、JS等編程愛好者可以聯(lián)系Q：********，互相學(xué)習(xí)，共同進(jìn)步！】查看全部
-
@absolute與fixed相同點(diǎn) 【溫馨提示：Java、Jsp、Android、JS等編程愛好者可以聯(lián)系Q：********，互相學(xué)習(xí)，共同進(jìn)步！】查看全部
-
絕對(duì)定位特點(diǎn)【absolute與fixed同屬于絕對(duì)定位，只是表現(xiàn)形式不一樣】：完全脫離標(biāo)準(zhǔn)文檔流，兄弟元素不再受其影響。 Ps1：position 定位擁有 5 種形式：absolute、fixed、relative、static和inherit。 Ps2：已經(jīng)定位元素：五種形式中被其中一種屬性定位過的元素。 Ps3：瀏覽器的可視窗口：以<html>標(biāo)簽開始計(jì)算的范圍。 Ps4：對(duì)元素設(shè)置固定定位時(shí)，如果希望本元素包含其父包含塊中，不需要對(duì)其設(shè)置偏移量。 Ps5： position:fixed;top:0;//緊貼上部 position:fixed;bottom:0;//緊貼下部 Ps6：margin的重疊：由于給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;。 【溫馨提示：Java、Jsp、Android、JS等編程愛好者可以聯(lián)系Q：********，互相學(xué)習(xí)，共同進(jìn)步！】查看全部
舉報(bào)
0/150
提交
取消