-
標(biāo)準(zhǔn)文檔流中,margin重合時(shí)會(huì)取較大那個(gè)。margin重合只出現(xiàn)在上下方向,左右沒(méi)有(左右塊元素的margin是疊加)。查看全部
-
fixed定位不設(shè)置偏移量時(shí),他的位置還是在沒(méi)有fixed定位時(shí)在父層中的位置,但是具備fixed定位的屬性。查看全部
-
absolute與fixed的不同點(diǎn)查看全部
-
absolute與fixed的不同: 設(shè)置偏移量時(shí),偏移參照基準(zhǔn) absolute: 1.無(wú)已定位祖先元素,以<html>為基準(zhǔn)偏移。 2.有已定位祖先元素,以距其最近的、已定位(相對(duì)定位、絕對(duì)定位、固定定位)的祖先元素為基準(zhǔn)偏移。 fixed: 1.有、無(wú)已定位祖先元素,都以瀏覽器可視窗口為基準(zhǔn)偏移。 表現(xiàn)形式(產(chǎn)生滾動(dòng)條時(shí)) absolute: 1.位置會(huì)隨滾動(dòng)條變化 fixed: 1.位置固定,不會(huì)隨著滾動(dòng)條變化 2.被它遮蓋的元素,可以從其下穿過(guò)(絕對(duì)定位的元素在空間上可以產(chǎn)生堆疊,已經(jīng)脫離標(biāo)準(zhǔn)文檔流)查看全部
-
1.position屬性,又稱position定位,有3種形式的定位:靜態(tài)定位、相對(duì)定位、絕對(duì)定位。 影響因素: 1.屬性的取值,2.元素偏移量,3.元素偏移參照基準(zhǔn) position屬性值:static-靜態(tài)定位, relative-相對(duì)定位,absolute-絕對(duì)定位,fixed-固定定位。 絕對(duì)定位:特點(diǎn),完全脫離標(biāo)準(zhǔn)文檔流,兄弟元素不再受其影響查看全部
-
fixed定位總結(jié) 定位形式——絕對(duì)定位 特點(diǎn)——位置固定不變,兄弟元素會(huì)從其下穿過(guò),脫離文檔流。 1.未設(shè)置偏移量 有已定位的祖先元素,以祖先元素為基準(zhǔn)定位 無(wú)已定位的祖先元素,以瀏覽器窗口為基準(zhǔn)定位 設(shè)置偏移量,有、無(wú)已定位祖先元素,均以瀏覽器窗口為基準(zhǔn)偏移。 案例實(shí)現(xiàn)關(guān)鍵 頂部固定層 #top----position:fixed;top:0; left:0; #mainbody----margin-top:(#top高度+原有間距)px查看全部
-
1.position屬性,又稱position定位,有3種形式的定位:靜態(tài)定位、相對(duì)定位、絕對(duì)定位。 影響因素: 1.屬性的取值,2.元素偏移量,3.元素偏移參照基準(zhǔn) position屬性值:static-靜態(tài)定位, relative-相對(duì)定位,absolute-絕對(duì)定位,fixed-固定定位。 絕對(duì)定位:特點(diǎn),完全脫離標(biāo)準(zhǔn)文檔流,兄弟元素不再受其影響查看全部
-
fixed定位總結(jié) 定位形式——絕對(duì)定位 特點(diǎn)——位置固定不變,兄弟元素會(huì)從其下穿過(guò),脫離文檔流。 1.未設(shè)置偏移量 有已定位的祖先元素,以祖先元素為基準(zhǔn)定位 無(wú)已定位的祖先元素,以瀏覽器窗口為基準(zhǔn)定位 設(shè)置偏移量,有、無(wú)已定位祖先元素,均以瀏覽器窗口為基準(zhǔn)偏移。 案例實(shí)現(xiàn)關(guān)鍵 頂部固定層 #top----position:fixed;top:0; left:0; #mainbody----margin-top:(#top高度+原有間距)px查看全部
-
該情況下,由于mainbody設(shè)置了margin-top為20px,而top脫離了標(biāo)準(zhǔn)文檔流之后,mainbody就和body相遇,二者的margin-top重合為20px。注意這種重合只會(huì)出現(xiàn)在上下邊距的情況,左右不會(huì)出現(xiàn)。查看全部
-
在對(duì)元素設(shè)置固定定位時(shí),如果希望本元素包含起父包含塊中,不需要對(duì)其設(shè)置偏移量。 PS:{position: fixed;}沒(méi)有設(shè)置偏移量的方向依然會(huì)保持在父包含塊。 即:在定位元素沒(méi)有設(shè)置偏移量的時(shí)候,偏移量參數(shù)值默認(rèn)為當(dāng)前設(shè)置fixed定位的元素與瀏覽器可視窗口的偏移數(shù)值。同理,對(duì)于{position: absolute;}的元素也一樣,沒(méi)有設(shè)置的偏移量數(shù)值默認(rèn)為當(dāng)前其相對(duì)與最近的有{position: relative;}的祖先元素的偏移數(shù)值查看全部
-
absolute與fixed的不同: 設(shè)置偏移量時(shí),偏移參照基準(zhǔn) absolute: 1.無(wú)已定位祖先元素,以<html>為基準(zhǔn)偏移。 2.有已定位祖先元素,以距其最近的、已定位(相對(duì)定位、絕對(duì)定位、固定定位)的祖先元素為基準(zhǔn)偏移。 fixed: 1.有、無(wú)已定位祖先元素,都以瀏覽器可視窗口為基準(zhǔn)偏移。 表現(xiàn)形式(產(chǎn)生滾動(dòng)條時(shí)) absolute: 1.位置會(huì)隨滾動(dòng)條變化 fixed: 1.位置固定,不會(huì)隨著滾動(dòng)條變化 2.被它遮蓋的元素,可以從其下穿過(guò)(絕對(duì)定位的元素在空間上可以產(chǎn)生堆疊,已經(jīng)脫離標(biāo)準(zhǔn)文檔流)查看全部
-
absolute與fixed相同點(diǎn):(都屬于絕對(duì)定位形式) 1.完全脫離標(biāo)準(zhǔn)文檔流 2.未設(shè)置偏移量時(shí),都定位在父元素的左上角。 偏移量——元素設(shè)置定位(絕對(duì)或相對(duì))后 就具有偏移屬性和堆疊屬性(z-index)查看全部
-
1.position屬性,又稱position定位,有3種形式的定位:靜態(tài)定位、相對(duì)定位、絕對(duì)定位。 影響因素: 1.屬性的取值,2.元素偏移量,3.元素偏移參照基準(zhǔn) position屬性值:static-靜態(tài)定位, relative-相對(duì)定位,absolute-絕對(duì)定位,fixed-固定定位。 絕對(duì)定位:特點(diǎn),完全脫離標(biāo)準(zhǔn)文檔流,兄弟元素不再受其影響查看全部
-
fixed定位總結(jié) 定位形式——絕對(duì)定位 特點(diǎn)——位置固定不變,兄弟元素會(huì)從其下穿過(guò),脫離文檔流。 1.未設(shè)置偏移量 有已定位的祖先元素,以祖先元素為基準(zhǔn)定位 無(wú)已定位的祖先元素,以瀏覽器窗口為基準(zhǔn)定位 2.設(shè)置偏移量,有、無(wú)已定位的祖先元素,均以瀏覽器窗口為基準(zhǔn)偏移查看全部
-
fixed定位總結(jié) 定位形式——絕對(duì)定位 特點(diǎn)——位置固定不變,兄弟元素會(huì)從其下穿過(guò),脫離文檔流。 1.未設(shè)置偏移量 有已定位的祖先元素,以祖先元素為基準(zhǔn)定位 無(wú)已定位的祖先元素,以瀏覽器窗口為基準(zhǔn)定位 2.設(shè)置偏移量,有、無(wú)已定位的祖先元素,均以瀏覽器窗口為基準(zhǔn)偏移查看全部
舉報(bào)
0/150
提交
取消