-
fixed不設(shè)置偏移量，默認以父包裹層來定位查看全部
-
對元素設(shè)置固定定位時，如果想它保持在父包含塊中，就不要設(shè)置偏移量查看全部
-
absolute以已經(jīng)定位的祖先元素為基準 例如 relative absolute查看全部
-
absolute以已經(jīng)定位的祖先元素為基準 例如 relative查看全部
-
body元素默認會給元素加上margin值查看全部
-
absolute和fixed未設(shè)置偏移量時默認都是在容器的左上角查看全部
-
fixed 定位查看全部
-
position:fixed;bottom:50px;right:30px; 固定底部查看全部
-
fixed定位 定位形式——絕對定位 特點——位置固定不變，兄弟元素會從其下穿過， 未設(shè)置偏移量： 有已定位祖先元素，以祖先元素為基準定位 無已定位祖先元素，以瀏覽器窗口為基準定位 設(shè)置偏移量，有、無已定位祖先元素，均已瀏覽器窗口為基準偏移。 頂部固定層 #top----position：fixed； top：0； left：0； #mainbody----margin-top：（#top高度+原有間距）px查看全部
-
任務(wù)1:margin：0 auto； 任務(wù)2:position：fixed；top:0; 任務(wù)3:margin-top：63px；(因為top的border只有bottom一條邊為1px,top自身height為42px) 所以:42+1+20=63px查看全部
-
因為X元素15px的上外邊距與body的上外邊距信息重疊了，所以body也跟著下移；然后，div在父元素body內(nèi)，且沒有設(shè)置偏移量，所以div相對其父元素body進行絕對定位查看全部
-
0、標準文檔流中，margin重合時會取較大那個。margin重合只出現(xiàn)在上下方向，左右沒有（左右塊元素的margin是疊加）。 1、外邊距合并指的是，當兩個垂直外邊距相遇時，它們將形成一個外邊距。合并后的外邊距的高度等于兩個發(fā)生合并的外邊距的高度中的較大者。 2、當一個元素出現(xiàn)在另一個元素上面時，第一個元素的下外邊距與第二個元素的上外邊距會發(fā)生合并。 3、當一個元素包含在另一個元素中時（假設(shè)沒有內(nèi)邊距或邊框把外邊距分隔開），它們的上/下外邊距也會發(fā)生合并。 4、元素設(shè)置{position: fixed; }或{position: absolute; }之后，就會脫離標準文檔流，即其后的標準文檔流元素{position: relative;}或默認的{position: static;}會按正常標準文檔流來排版（忽視絕對定位的元素） 1.由于給top選擇器設(shè)置fixed固定定位時，(top層已經(jīng)脫離了標準文檔流)沒有對其設(shè)置偏移量，以其父包裹層定位，（當top選擇器fixed固定定位設(shè)置了偏移量時，則top層的位置按照所設(shè)置的偏移量的位置定位），而其父包裹層body的margin與mainbody的上margin值發(fā)生了重疊，（此時的body與mainbody屬于標準文檔流）mainbody的上margin值大于body的margin值，選擇了mainbody的上margin值20px（標準文檔流中上下margin發(fā)生重疊時選擇margin值大的那個）所以body下移20px；top層又以body層定位，從而導(dǎo)致了top層與瀏覽器可視窗口產(chǎn)生了距離。為了保持top層與瀏覽器窗口緊挨著，則需對top層的固定定位設(shè)置偏移量top:0； 2.第一步對top層設(shè)置偏移量后top層緊隨其后的兄弟元素會占據(jù)其原來的位置，所以mainbody層上移占據(jù)原來top層的位置。導(dǎo)致原來top層與mainbody層20px的間距沒有了。在mainbody層的上外填充加上一定的高度就可以解決了。查看全部
-
什么時候該設(shè)置偏移量？ 在對元素設(shè)置固定定位時，如果希望本元素包含起父包含塊中，不需要對其設(shè)置偏移量。 {position: fixed;}沒有設(shè)置偏移量的方向依然會保持在父包含塊。 也就是說： 在其沒有設(shè)置偏移量的時候，偏移量參數(shù)值默認為當前fixed的元素與瀏覽器可視窗口的偏移數(shù)值！ 同理，對于{position: absolute;}的元素也是一個道理，沒有設(shè)置的偏移量數(shù)值默認為當前其相對與最近的有{position: relative;}的祖先元素的偏移數(shù)值！查看全部
-
只有元素在設(shè)置相對定位，或者絕對定位后，此屬性才有效，它的作用是設(shè)置元素所在的z軸層級。z-index值越大，元素層級越大。查看全部
-
absolute與fixed的不同點： 設(shè)置偏移量時：absolute：1、無已定位祖先元素，以html為基準；2、有已定位祖先元素，以距其最近，已定位的祖先元素為基準。fixed：有無已定位祖先元素都以瀏覽器可視窗口為基準偏移。 表現(xiàn)形式（產(chǎn)生滾動條時）：absolute：位置隨滾動條變化；fixed：1、位置不隨滾動條變化；2、被其遮蓋的元素可從其下穿過。查看全部
舉報
0/150
提交
取消