-
absolute與fixed相同點 第一，完全脫離標準文檔流 第二，未設置偏移量時，都定位在父元素的左上角，“離它最近的父元素” 偏移量————元素設置定位（絕對或相對）后 就具有偏移屬性和堆疊屬性（z-index） 2.在沒有設置定位形式的時候，它會在頁面垂直排列的，在左上角顯示 3.在游覽器中顯示會有一個默認的margin 和padding值 不同點： absolute 1，會隨滾動條變化 fixed 1，位置固定，不會隨滾動條變化 2，被他遮蓋的元素，可以從其下穿過查看全部
-
position 定位擁有 5 種形式：absolute、fixed、relative、static和inherit。查看全部
-
fixed定位和absolute定位都是絕對定位查看全部
-
fixed定位查看全部
-
還是有點沒懂，以后再看查看全部
-
不同點查看全部
-
對，只有元素在設置相對定位，或者絕對定位后，此屬性才有效，它的作用是設置元素所在的z軸層級。z-index值越大，元素層級越大。查看全部
-
第一，完全脫離標準文檔流 第二，未設置偏移量時，都定位在父元素的左上角，“離它最近的父元素” 偏移量————元素設置定位（絕對或相對）后 就具有偏移屬性和堆疊屬性（z-index）查看全部
-
fixed定位 定位形式——絕對定位 特點——位置固定不變，兄弟元素會從其下穿過， 未設置偏移量： 有已定位祖先元素，以祖先元素為基準定位 無已定位祖先元素，以瀏覽器窗口為基準定位 設置偏移量，有、無已定位祖先元素，均已瀏覽器窗口為基準偏移。 頂部固定層 #top----position：fixed； top：0； left：0； #mainbody----margin-top：（#top高度+原有間距）px查看全部
-
fixed定位 定位形式——絕對定位 特點——位置固定不變，兄弟元素會從其下穿過， 未設置偏移量： 有已定位祖先元素，以祖先元素為基準定位 無已定位祖先元素，以瀏覽器窗口為基準定位 設置偏移量，有、無已定位祖先元素，均已瀏覽器窗口為基準偏移。 頂部固定層 #top----position：fixed； top：0； left：0； #mainbody----margin-top：（#top高度+原有間距）px查看全部
-
1.由于給top選擇器設置fixed固定定位時，(top層已經脫離了標準文檔流)沒有對其設置偏移量，以其父包裹層定位，（當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層與瀏覽器可視窗口產生了距離。為了保持top層與瀏覽器窗口緊挨著，則需對top層的固定定位設置偏移量top:0； 2.第一步對top層設置偏移量后top層緊隨其后的兄弟元素會占據其原來的位置，所以mainbody層上移占據原來top層的位置。導致原來top層與mainbody層20px的間距沒有了。在mainbody層的上外填充加上一定的高度就可以解決了。查看全部
-
什么時候該設置偏移量？ 在對元素設置固定定位時，如果希望本元素包含起父包含塊中，不需要對其設置偏移量。 {position: fixed;}沒有設置偏移量的方向依然會保持在父包含塊。 也就是說： 在其沒有設置偏移量的時候，偏移量參數值默認為當前fixed的元素與瀏覽器可視窗口的偏移數值！ 同理，對于{position: absolute;}的元素也是一個道理，沒有設置的偏移量數值默認為當前其相對與最近的有{position: relative;}的祖先元素的偏移數值！查看全部
-
absolute和fixed的不同點 absolute: 1,無已定位祖先元素，以<html>為基準偏移； 2，有已定位祖先元素，以距其最近的、已定位的祖先元素為基準偏移； fixed: 1,有、無已定位祖先元素，都以瀏覽器的可是窗口為基準偏移；查看全部
-
absolute與fixed相同點 第一，完全脫離標準文檔流 第二，未設置偏移量時，都定位在父元素的左上角，“離它最近的父元素” 偏移量————元素設置定位（絕對或相對）后 就具有偏移屬性和堆疊屬性（z-index） 2.在沒有設置定位形式的時候，它會在頁面垂直排列的，在左上角顯示 3.在游覽器中顯示會有一個默認的margin 和padding值 不同點： absolute 1，會隨滾動條變化 fixed 1，位置固定，不會隨滾動條變化 2，被他遮蓋的元素，可以從其下穿過查看全部
-
固定層效果：實例：淘寶網 、QQ空間等 掌握基礎知識： 1.position屬性,又稱position定位,有3種形式的定位：靜態(tài)定位、相對定位、絕對定位。 影響因素： 1.屬性的取值，2.元素偏移量，3.元素偏移參照基準 position有三種形式的定位：靜態(tài)定位 相對定位 絕對定位（absolute fixed） position屬性值：static-靜態(tài)定位， relative-相對定位，absolute-絕對定位，fixed-固定定位。 絕對定位特點【absolute與fixed同屬于絕對定位】：完全脫離標準文檔流，兄弟元素不再受其影響查看全部
舉報
0/150
提交
取消