-
fixed----固定定位 絕對定位：完全脫離標(biāo)準(zhǔn)文檔流，兄弟元素不再受其影響查看全部
-
只要是絕對定位（absolute、fixed），未設(shè)置偏移量時(shí)，都定位在父元素（而非祖先元素）的左上角，即使有已經(jīng)定位的祖先元素。 設(shè)置了偏移量后，absolute以離自己最近的定位祖先元素進(jìn)行定位，如果無定位祖先元素，以html為基準(zhǔn)進(jìn)行定位； fixed，以瀏覽器窗口進(jìn)行定位。查看全部
-
只有元素在設(shè)置相對定位，或者絕對定位后，此屬性才有效，它的作用是設(shè)置元素所在的z軸層級。z-index值越大，元素層級越大查看全部
-
1查看全部
-
根據(jù)規(guī)范，一個(gè)盒子如果沒有上補(bǔ)白(padding-top)和上邊框(border-top)，那么這個(gè)盒子的上邊距會和其內(nèi)部文檔流中的第一個(gè)子元素的上邊距重疊查看全部
-
position和fixed相同點(diǎn)： 1.設(shè)置了之后都會使元素脫離標(biāo)準(zhǔn)文檔流； 2.未對其設(shè)置偏移量時(shí)，元素都位于直接父元素的左上角； position和fixed不同點(diǎn)： 1.position，設(shè)置了偏移量后，如果無已定位父元素，則以html為基準(zhǔn)進(jìn)行偏移，如果有已定位父元素則根據(jù)最近的已定位父元素進(jìn)行偏移； 2.fixed，設(shè)置了偏移量后，根據(jù)瀏覽器可視窗口進(jìn)行定位；查看全部
-
absolute與fixed不同點(diǎn)查看全部
-
absolute與fixed相同點(diǎn)查看全部
-
有問題查看全部
-
fixed參照物是你的瀏覽器，跟頁面上下內(nèi)容沒關(guān)系。absolute參照的是父級中最近的使用absolute或者relative的元素，如果父級元素都沒使用position屬性，那該元素就直接參照瀏覽器左上角。能理解估計(jì)就知道怎么用了，一般做些屏幕固定的漂浮框用fixed，absolute就用的太多了查看全部
-
margin的重疊 1.由于給top選擇器設(shè)置fixed固定定位時(shí)，(top層已經(jīng)脫離了標(biāo)準(zhǔn)文檔流)沒有對其設(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層與瀏覽器窗口緊挨著，則需對maibody或者body層當(dāng)中數(shù)值較大的值進(jìn)行調(diào)節(jié)。查看全部
-
<!------------------------------------------------------position屬性（定位）開始--------------------------------------> 1. 它有3種形式定位： a.靜態(tài)定位 b.相對定位 c.絕對定位(特點(diǎn)：1.設(shè)置了絕對定位的元素完全脫離標(biāo)準(zhǔn)文檔流 2.兄弟元素完全不再受其影響。) 2. 它有4種屬性值： a.靜態(tài)定位--static b.相對定位--relative c.絕對定位--absolute d.固定定位--fixed 3.絕對定位包含absolute（絕對定位）和fixed(固定定位) 區(qū)別：相同點(diǎn)：1.完全脫離標(biāo)準(zhǔn)文檔流 2.未設(shè)置偏移量時(shí)，都定位在父元素的左上角 不同點(diǎn)： absolute:1. 無已定位祖先元素，以html為參照基準(zhǔn)偏移 2. 有已定位祖先元素，以距離其最近的祖先元素為參照基準(zhǔn)偏移。 3.表現(xiàn)形式（產(chǎn)生滾動條時(shí)候）a.位置會隨著滾動條變化而變化 fixed: 1. 無論 有、無 已定位祖先元素，都以瀏覽器可視窗為參照基準(zhǔn)偏移 2.表現(xiàn)形式（產(chǎn)生滾動條時(shí)候）a.位置固定不變--fixed不會隨著滾動條變化而變化（在瀏覽器可是窗口顯示） 、 b.被他遮蓋的元素，可以從其下穿過。 <!-------------------------------------------------------positions屬性（定位）結(jié)束-------------------------------------->查看全部
-
fixed:1、未設(shè)置偏移量時(shí) 有已經(jīng)定位的祖先元素，以祖先元素為基準(zhǔn)； 無已經(jīng)定位的祖先元素，以瀏覽器窗口為基準(zhǔn)定位。 2、已經(jīng)設(shè)置偏移量時(shí) 有、無已經(jīng)定位的祖先元素，均以瀏覽器窗口為基準(zhǔn)偏移；查看全部
-
margin的重疊 1.由于給top選擇器設(shè)置fixed固定定位時(shí)，(top層已經(jīng)脫離了標(biāo)準(zhǔn)文檔流)沒有對其設(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層與瀏覽器窗口緊挨著，則需對maibody或者body層當(dāng)中數(shù)值較大的值進(jìn)行調(diào)節(jié)。查看全部
-
absolute：1、無已定位的祖先元素，則以<HTML>為基準(zhǔn)偏移<br> 2、有已定位的祖先元素，則以距離最近的且已定位的祖先元素為基準(zhǔn)偏移 3、位置會隨滾動條變化。 fixed： 1、有、無已定位的祖先元素，都以瀏覽器可視窗口為基準(zhǔn)偏移。（即我們看到網(wǎng)頁的那部分） 2、位置固定，不會隨滾動條變化。（固定浮在上面）查看全部
舉報(bào)
0/150
提交
取消