-
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)偏移查看全部
-
影響因素查看全部
-
position有三種形式定位：靜態(tài)定位static,相對(duì)定位realtive,絕對(duì)定位absolute,固定定位fixed。查看全部
-
fixed定位查看全部
-
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)偏移；查看全部
-
001查看全部
-
2-1absolute與fixed相同點(diǎn) 第一，完全脫離標(biāo)準(zhǔn)文檔流 第二，未設(shè)置偏移量時(shí)，都定位在父元素的左上角 偏移量——元素設(shè)置定位（絕對(duì)或相對(duì)）后 就具有偏移屬性和堆疊屬性（z-index） 2-2 abosolute與fixed的不同點(diǎn) 一、設(shè)置偏移量時(shí)，偏移參照基準(zhǔn) Absolute 1.無已定位祖先元素，以<html>為基準(zhǔn)偏移 2.有已定位祖先元素，以距其最近的、已定位的祖先元素為基準(zhǔn)偏移 Fixed 1.有、無已定位祖先元素，都以瀏覽器可視窗口為基本偏移 二、表現(xiàn)形式（產(chǎn)生滾動(dòng)條時(shí)） Absolute 1，會(huì)隨滾動(dòng)條變化 Fixed 1，位置固定，不會(huì)隨滾動(dòng)條變化 2，被他遮蓋的元素，可以從其下穿過查看全部
-
偏移量查看全部
-
不同點(diǎn)查看全部
-
absolute與fixed的不同點(diǎn)查看全部
-
fixed定位查看全部
-
什么時(shí)候該設(shè)置偏移量？ 在對(duì)元素設(shè)置固定定位時(shí)，如果希望本元素包含起父包含塊中，不需要對(duì)其設(shè)置偏移量。 {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ù)值！查看全部
-
有元素在設(shè)置相對(duì)定位，或者絕對(duì)定位后，此屬性才有效，它的作用是設(shè)置元素所在的z軸層級(jí)。z-index值越大，元素層級(jí)越大。查看全部
-
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、被其遮蓋的元素可從其下穿過。查看全部
-
1.margin:0 auto; 2.position:fixed; top:0; left:0; 3.margin-top:63px;查看全部
舉報(bào)
0/150
提交
取消