-
fixed定位總結 定位形式——絕對定位 特點——位置固定不變，兄弟元素會從其下穿過,脫離文檔流。 1.未設置偏移量 有已定位的祖先元素，以祖先元素為基準定位 無已定位的祖先元素，以瀏覽器窗口為基準定位 設置偏移量，有、無已定位祖先元素，均以瀏覽器窗口為基準偏移。 案例實現(xiàn)關鍵 頂部固定層 #top----position：fixed; (top:0; left:0) 不是必須的主要看父元素是否已經(jīng)定位; #mainbody----margin-top:(#top高度+原有間距)px查看全部
-
position設置為fixed，隨著滾動條的移動，它設置的內(nèi)容不會動，待在原地。 position設置為absolute，隨著滾動條的移動，它設置的內(nèi)容會動。查看全部
-
fixed absolute查看全部
-
position 定位擁有 5 種形式：absolute、fixed、relative、static和inherit查看全部
-
fixed定位總結 定位形式——絕對定位 特點——位置固定不變，兄弟元素會從其下穿過,脫離文檔流。 1.未設置偏移量 有已定位的祖先元素，以祖先元素為基準定位 無已定位的祖先元素，以瀏覽器窗口為基準定位 設置偏移量，有、無已定位祖先元素，均以瀏覽器窗口為基準偏移。 案例實現(xiàn)關鍵 頂部固定層 #top----position：fixed; (top:0; left:0) 不是必須的主要看父元素是否已經(jīng)定位; #mainbody----margin-top:(#top高度+原有間距)px查看全部
-
吃蘋果的狐貍 1.由于給top選擇器設置fixed固定定位時，(top層已經(jīng)脫離了標準文檔流)沒有對其設置偏移量，以其父包裹層定位，（當top選擇器fixed固定定位設置了偏移量時，則top層的位置按照所設置的偏移量的位置定位），而其父包裹層body的margin與mainbody的上margin值發(fā)生了重疊，（此時的body與mainbody屬于標準文檔流）mainbody的上margin值大于body的margin值，選擇了mainbody的上margin值20px（標準文檔流中上下margin發(fā)生重疊時選擇margin值大的那個）所以body下移20px；top層又以body層定位，從而導致了top層與瀏覽器可視窗口產(chǎn)生了距離。為了保持top層與瀏覽器窗口緊挨著，則需對top層的固定定位設置偏移量top:0； 2.第一步對top層設置偏移量后top層緊隨其后的兄弟元素會占據(jù)其原來的位置，所以mainbody層上移占據(jù)原來top層的位置。導致原來top層與mainb查看全部
-
absolute與fixed的不同點 設置偏移量時，偏移參照基準 absolute： 1.無已定位祖先元素，以<html>為基準偏移 2.有已定位祖先元素，以距其最近的、已定位（相對定位、絕對定位、固定定位）的祖先元素為基準偏移 fixed： 1.有、無已定位祖先元素，都以瀏覽器可視窗口為基準偏移 表現(xiàn)形式（產(chǎn)生滾動條時） absolute： 1.位置會隨滾動條變化 fixed： 1.位置固定，不會隨著滾動條變化 2.被它遮蓋的元素，可以從其下穿過（絕對定位的元素在空間上可以產(chǎn)生堆疊，已經(jīng)脫離標準文檔流）查看全部
-
absolute與fixed相同點：（都屬于絕對定位形式） 1.完全脫離標準文檔流 2.未設置偏移量時，都定位在父元素的左上角。 偏移量——元素設置定位（絕對或相對）后 就具有偏移屬性和堆疊屬性（z-index） 不同點： absolute 1，會隨滾動條變化 fixed 1，位置固定，不會隨滾動條變化 2，被他遮蓋的元素，可以從其下穿過查看全部
-
固定層效果 掌握知識： 1.position屬性,又稱position定位,有3種形式的定位：靜態(tài)定位、相對定位、絕對定位。 影響因素： 1.屬性的取值，2.元素偏移量，3.元素偏移參照基準 position屬性值：static-靜態(tài)定位， relative-相對定位，absolute-絕對定位，fixed-固定定位。 絕對定位特點【absolute與fixed同屬于絕對定位】：完全脫離標準文檔流，兄弟元素不再受其影響查看全部
-
固定定位：如果希望本元素包含在其父包含塊中不需要對其設置偏移量查看全部
-
表現(xiàn)形式： absolute 位置會隨滾動條的變化 fixed 位置固定，不會隨滾動條變化，被他遮蓋的元素，可以從其下穿過查看全部
-
abosulte 1.無已定位的祖先元素，以<html>為基準偏移 2.有已定位祖先元素，以距離其最近的、已定位的祖先元素為基準偏移 fixed 有、無已定位祖先元素，都以瀏覽器可視窗口為基準偏移查看全部
-
absolute月fixed的區(qū)別： 相同點： 1.完全脫離標準文檔流 2.未設置偏移量時，都定位在父元素的左上角 偏移量——元素設置定位（絕對或相對）后就具有偏移屬性和堆疊屬性（z-index）查看全部
-
position定位擁有5種形式：absolute fixed relative static和inherit fixed定位和absolue定位都是絕對定位查看全部
-
position定位：1.靜態(tài)定位 2.相對定位 3.絕對定位 影響因素：1.屬性的取值 2.元素偏移量 3.元素偏移時參照基準 屬性值：1.static(靜態(tài)定位) 2.relative（相對定位） 3.absolute（絕對定位） 4.fixed（絕對定位）查看全部
舉報
0/150
提交
取消