-
fixed定位 定位形式——絕對定位 特點——位置固定不變，兄弟元素會從其下穿過， 未設置偏移量： 有已定位祖先元素，以祖先元素為基準定位 無已定位祖先元素，以瀏覽器窗口為基準定位 設置偏移量，有、無已定位祖先元素，均已瀏覽器窗口為基準偏移。 頂部固定層效果實現(xiàn)關鍵： #top----position：fixed； top：0； left：0； #mainbody----margin-top：（#top高度+原有間距）px查看全部
-
1.元素設置了定位（絕對或相對）后，就具有偏移屬性和堆疊屬性z-index:查看全部
-
任務1:margin：0 auto； 任務2:position：fixed；top:0; 任務3:margin-top：63px；(因為top的border只有bottom一條邊為1px,top自身height為42px) 所以:42+1+20=63px查看全部
-
fixed定位 定位形式——絕對定位 特點——位置固定不變，兄弟元素會從其下穿過， 未設置偏移量： 有已定位祖先元素，以祖先元素為基準定位 無已定位祖先元素，以瀏覽器窗口為基準定位 設置偏移量，有、無已定位祖先元素，均已瀏覽器窗口為基準偏移。 頂部固定層 #top----position：fixed； top：0； left：0； #mainbody----margin-top：（#top高度+原有間距）px查看全部
-
在對元素設置固定定位時，如果希望本元素包含起父包含塊中，不需要對其設置偏移量。查看全部
-
只有元素在設置相對定位，或者絕對定位后，z-index屬性才有效，它的作用是設置元素所在的z軸層級。z-index值越大，元素層級越大。查看全部
-
absolute 與 fixed 不同點 absolute： 1無已定位祖先元素，以<html>為基準偏移 2位置會隨滾動條變化 3有已定位祖先元素，以距其最近的、已定位的祖先元素為基準偏移 fixed： 位置固定，不會隨滾動條變化 被他遮蓋的元素可以從其下穿過 設置偏移量后，有、無已定位祖先元素，都以瀏覽器可視窗口為基準偏移 未設置偏移量，無已定位祖先元素，都以瀏覽器可視窗口為基準偏移，有已定位祖先元素，以祖先元素為基準偏移查看全部
-
absolute與fixed的相同點： 完全脫離文檔流 當元素未設置偏移量時，都定位在父元素的左上角 偏移量--元素設置定位（絕對或相對）后 具有偏移屬性和堆疊屬性（z-index）查看全部
-
已知一 div 高 35px，緊鄰其后的 X 元素上外邊距為 15px，為該 div 設置 fixed 定位后——div與瀏覽器可視窗口上邊界相距15px 解析：因為X元素15px的上外邊距與body的0px上外邊距信息重疊了，所以body也跟著下移15px；又因為，div在父元素body內，且沒有設置偏移量，所以div相對其父元素body進行絕對定位 （當絕對定位，未設置偏移量時，顯示在body元素的左上角）查看全部
-
1.由于給top選擇器設置fixed固定定位時，(top層已經脫離了標準文檔流)沒有對其設置偏移量，以其父包裹層(此處為<body>)定位，（當top選擇器fixed固定定位設置了偏移量時，則top層的位置將以<html>為包裹層按照所設置的偏移量的位置定位），而其父包裹層body的margin與mainbody的上margin值發(fā)生了重疊，（此時的body與mainbody屬于標準文檔流）mainbody的上margin值大于body的margin值，選擇了mainbody的上margin值20px（同一水平面中上下margin發(fā)生重疊時選擇margin值大的那個.ps:左右margine不會發(fā)生重疊）所以body下移20px；top層又以body層定位，從而導致了top層與瀏覽器可視窗口產生了距離。為了保持top層與瀏覽器窗口緊挨著，則需對top層的固定定位設置偏移量top:0； 2.第一步對top層設置偏移量后top層緊隨其后的兄弟元素會占據(jù)其原來的位置，所以mainbody層上移占據(jù)原來top層的位置。導致原來top層與mainbody層20px的間距沒有了。在mainbody層的上外填充加上一定的高度就可以解決了。查看全部
-
絕對定位，完全脫離標準文檔流查看全部
-
標準文檔流和標準文檔流之間會發(fā)生margin重疊問題。重疊后值取較大的那個查看全部
-
只有元素在設置相對定位，或者絕對定位后，此屬性才有效，它的作用是設置元素所在的z軸層級。z-index值越大，元素層級越大。查看全部
-
11111查看全部
-
固定層#top{position:fixed;top:0;left:0;} 有時候需要設置下面的div的margin-top，以顯示被遮擋的部分 #maincontent{margin-top:45px;}查看全部
舉報
0/150
提交
取消