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