-
不同點(diǎn)查看全部
-
設(shè)置偏移量時(shí):查看全部
-
在標(biāo)準(zhǔn)文檔流中,兩個(gè)元素縱向重疊時(shí),其margin屬性也會(huì)產(chǎn)生縱向重疊(左右不會(huì)),重疊以后會(huì)取兩元素中上外邊距或下外邊距最大的元素的外邊距作為共同的外邊距,就算一方上/下外邊距為0,此規(guī)則同樣適用。查看全部
-
1.有、無已定位祖先元素,都以瀏覽器可是窗口為基準(zhǔn)偏移 表現(xiàn)形式(產(chǎn)生滾動(dòng)條時(shí)) absolute: 1.位置會(huì)隨滾動(dòng)條變化 fixed: 1.位置固定,不會(huì)隨著滾動(dòng)條變化 2.被他遮蓋的元素,可以從其下穿過查看全部
-
absolute與fixed的不同點(diǎn):設(shè)置偏移量時(shí),偏移參照基準(zhǔn) absolute 1、無已定位祖先元素,以<html>為基準(zhǔn)偏移 2、有已定位祖先元素,以距其最近的、已定位的祖先元素為基準(zhǔn)偏移 fixed 有無已定位祖先元素,都以瀏覽器可視窗口為基準(zhǔn)偏移查看全部
-
fixed: 脫離文檔流.絕對(duì)定位.位置固定不變.兄弟元素可以從下方穿過.沒有設(shè)置偏移量時(shí),有定位的父元素,以父元素為基準(zhǔn)單位.沒有定位的父元素,以瀏覽器窗口為基準(zhǔn).設(shè)置了偏移量,不管有沒有定位的父元素,都會(huì)以瀏覽器窗口為基準(zhǔn)偏移. absolute:脫離文檔流.有定位的父元素,以父元素為基準(zhǔn)單位.不一定是直系父元素。查看全部
-
absolute和fixed都是屬于絕對(duì)定位. 當(dāng)沒有設(shè)置偏移量時(shí),會(huì)定位在父元素上,而不是瀏覽器的可視窗口. 相同點(diǎn):都脫離了標(biāo)準(zhǔn)文檔流.當(dāng)沒有設(shè)置偏移量時(shí),都定位在父元素的左上角(偏移屬性和堆疊屬性) 不同點(diǎn):absolute,會(huì)已最近的定位的父元素為基準(zhǔn)進(jìn)行偏移.fixed始終以瀏覽器可視窗口為基準(zhǔn)進(jìn)行偏移.absolute會(huì)隨著滾動(dòng)條的滾動(dòng).fixed不會(huì),始終固定.查看全部
-
固定層效果: fix定位總結(jié) 定位形式——絕對(duì)定位 特點(diǎn)——位置固定不變,兄弟元素會(huì)從其下穿過,脫離文檔流。 未設(shè)置偏移量 有已定位的祖先元素,以祖先元素為基準(zhǔn)定位 無已定位的祖先元素,以瀏覽器窗口為基準(zhǔn)定位(無已定位的祖先元素不是已最近的祖先元素為基準(zhǔn)嗎?怎么變成瀏覽器窗口了) 設(shè)置偏移量,有、無已定位的祖先元素,均以瀏覽器窗口為基準(zhǔn)偏移查看全部
-
在標(biāo)準(zhǔn)文檔流中,兩個(gè)元素縱向重疊時(shí),其margin屬性也會(huì)產(chǎn)生縱向重疊(左右不會(huì)),重疊以后會(huì)取兩元素中上外邊距或下外邊距最大的元素的外邊距作為共同的外邊距查看全部
-
Fixed定位 定位形式——絕對(duì)定位 特點(diǎn)——位置固定不變,兄弟元素會(huì)從其下穿過 未設(shè)置偏移量: 有已定位祖先元素,以祖先元素為基準(zhǔn)定位; 無已定位祖先元素,以瀏覽器窗口為基準(zhǔn)定位 設(shè)置偏移量:有、無已定位祖先元素,以瀏覽器窗口為基準(zhǔn)定位 頂部固定層: #top--position:fixed;(top:0;left:0;)//祖先元素是否已經(jīng)定位及其偏移量 mainbody層會(huì)上移,需要處理。 #mainbody--margin-top:(#top高度+原有間距)px查看全部
-
{position: fixed;}沒有設(shè)置偏移量的方向依然會(huì)保持在父包含塊。 也就是說: 在其沒有設(shè)置偏移量的時(shí)候,偏移量參數(shù)值默認(rèn)為當(dāng)前fixed的元素與瀏覽器可視窗口的偏移數(shù)值! 同理,對(duì)于{position: absolute;}的元素也是一個(gè)道理,沒有設(shè)置的偏移量數(shù)值默認(rèn)為當(dāng)前其相對(duì)與最近的有{position: relative;}的祖先元素的偏移數(shù)值!查看全部
-
fixed: 1.有、無已定位祖先元素,都以瀏覽器可是窗口為基準(zhǔn)偏移 表現(xiàn)形式(產(chǎn)生滾動(dòng)條時(shí)) absolute: 1.位置會(huì)隨滾動(dòng)條變化 fixed: 1.位置固定,不會(huì)隨著滾動(dòng)條變化 2.被他遮蓋的元素,可以從其下穿過查看全部
-
當(dāng)設(shè)置了偏移量時(shí): absolute: 1.無已定位祖先元素,以<html>為基準(zhǔn)偏移 2.有已定位祖先元素,以距其最近的、已定位的祖先元素為基準(zhǔn)偏移查看全部
-
absolte與fixed相同點(diǎn): 1.完全脫離標(biāo)準(zhǔn)文檔流 2.未設(shè)置偏移量時(shí),都定位在父元素(緊鄰的上一個(gè)包裹層)的左上角。 偏移量——元素設(shè)置定位(絕對(duì)或相對(duì))后就具有偏移屬性和堆疊屬性(z-index)查看全部
-
在對(duì)元素設(shè)置固定定位時(shí) 如果希望本元素包含起父包含塊中 不需要對(duì)其設(shè)置偏移量 優(yōu)先級(jí):內(nèi)聯(lián)>嵌入>外聯(lián)查看全部
舉報(bào)
0/150
提交
取消