-
fixed定位 定位形式——絕對定位 特點——位置固定不變，兄弟元素會從其下穿過， 未設(shè)置偏移量： 有已定位祖先元素 已祖先元素為基準(zhǔn)定位 無已定位祖先元素 已瀏覽器窗口為基準(zhǔn)定位 設(shè)置偏移量，有、無已定位祖先元素，均已瀏覽器窗口為基準(zhǔn)偏移。 頂部固定層 #top----position：fixed； top：0； left：0； #mainbody----margin-top：（#top高度+原有間距）px查看全部
-
什么時候該設(shè)置偏移量？ 在對元素設(shè)置固定定位時，如果希望本元素包含起父包含塊中，不需要對其設(shè)置偏移量。 {position: fixed;}沒有設(shè)置偏移量的方向依然會保持在父包含塊。 也就是說： 在其沒有設(shè)置偏移量的時候，偏移量參數(shù)值默認(rèn)為當(dāng)前fixed的元素與瀏覽器可視窗口的偏移數(shù)值！ 同理，對于{position: absolute;}的元素也是一個道理，沒有設(shè)置的偏移量數(shù)值默認(rèn)為當(dāng)前其相對與最近的有{position: relative;}的祖先元素的偏移數(shù)值！查看全部
-
頂部固定關(guān)鍵查看全部
-
在對元素設(shè)置固定定位時（fixed）如果希望本元素包含在其父包含塊中，那就不用設(shè)置偏移量查看全部
-
為目標(biāo)A設(shè)置fixed屬性后，A脫離標(biāo)準(zhǔn)文本層，緊隨其后的對象B會自動補(bǔ)齊其原來A所占的高度，即上移/下移A的高度；當(dāng)A、B的margin有重疊時，取兩者中的較大值。設(shè)置步驟:A添加fixed屬性，將A top值改為0，B的margin值為原值加上A的height。查看全部
-
fixed參照物是你的瀏覽器，跟頁面上下內(nèi)容沒關(guān)系。 absolute參照的是父級中最近的使用absolute或者relative的元素，如果父級元素都沒使用position屬性，那該元素就直接參照瀏覽器左上角。查看全部
-
fixed定位，設(shè)置了偏移量，不論有無已定位的祖先元素，均以瀏覽器窗口為基準(zhǔn)偏移查看全部
-
給元素設(shè)置fixed定位以后，別忘了設(shè)置偏移量top:0;查看全部
-
設(shè)置了fixed的元素，會脫離標(biāo)準(zhǔn)文檔流，原包含塊中的兄弟元素，會補(bǔ)充進(jìn)它原有的位置<br> 解決辦法：<br> 給兄弟元素的margin-top或margin-bottom加上設(shè)置了fixed的元素的高度查看全部
-
標(biāo)準(zhǔn)文檔流中，垂直的margin會發(fā)生重疊，取較大值 案例情況：fixed固定條的父包裹層body的margin與mainbody的上margin值發(fā)生了重疊查看全部
-
對fixed定位的元素，如果希望它位置保持在父包含塊中，不要給它設(shè)置偏移量查看全部
-
fixed固定條的父包裹層body的margin與mainbody的上margin值發(fā)生了重疊，（此時的body與mainbody屬于標(biāo)準(zhǔn)文檔流）mainbody的上margin值大于body的margin值，選擇了mainbody的上margin值20px（標(biāo)準(zhǔn)文檔流中上下margin發(fā)生重疊時選擇margin值大的那個）所以body下移20px；top層又以body層定位，從而導(dǎo)致了top層與瀏覽器可視窗口產(chǎn)生了距離。為了保持top層與瀏覽器窗口緊挨著，則需對top層的固定定位設(shè)置偏移量top:查看全部
-
在對元素設(shè)定固定定位時，如果希望本元素它包含在父包含快中，不需要對其設(shè)置偏移量。 設(shè)置偏移量后，可以在瀏覽器可視窗口內(nèi)隨便移動 css樣式優(yōu)先級：行內(nèi)樣式>內(nèi)部樣式>外部樣式表查看全部
-
absolute與fixed相同點 第一，完全脫離標(biāo)準(zhǔn)文檔流 第二，未設(shè)置偏移量時，都定位在父元素的左上角 偏移量——元素設(shè)置定位（絕對或相對）后 就具有偏移屬性和堆疊屬性（z-index）查看全部
-
absolute與fixed的不同點： absolute： 第一：無已定位祖先元素，以<html>為基準(zhǔn)偏移 第二：有已定位祖先元素，以距離其最近的、已定位的祖先元素為基準(zhǔn)偏移 fixed： 第一：無論有無已經(jīng)定位的祖先元素，都以瀏覽器可視窗口為基準(zhǔn)偏移查看全部
舉報
0/150
提交
取消