-
頂部固定層 #top----position：fixed;top:0; left:0; #mainbody----margin-top:(#top高度+原有間距)px 網(wǎng)頁上的廣告，反饋，聯(lián)系方式，標題欄等固定在頁面上的元素多為fixed查看全部
-
標準文檔流中，縱向margin重合時會取較大那個，橫向margin重合會疊加。 1、外邊距合并指的是，當兩個垂直外邊距相遇時，它們將形成一個外邊距。合并后的外邊距的高度等于兩個發(fā)生合并的外邊距的高度中的較大者。 2、當一個元素出現(xiàn)在另一個元素上面時，第一個元素的下外邊距與第二個元素的上外邊距會發(fā)生合并。 3、當一個元素包含在另一個元素中時（假設沒有內(nèi)邊距或邊框把外邊距分隔開），它們的上/下外邊距也會發(fā)生合并。 4、元素設置{position: fixed; }或{position: absolute; }之后，就會脫離標準文檔流，即其后的標準文檔流元素{position: relative;}或默認的{position: static;}會按正常標準文檔流來排版（忽視絕對定位的元素）查看全部
-
只有元素在設置相對定位，或者絕對定位后，此屬性才有效，它的作用是設置元素所在的z軸層級。z-index值越大，元素層級越大。查看全部
-
absolte與fixed相同點： 1.完全脫離標準文檔流 2.未設置偏移量時，定位在原來的位置。 若設置了偏移量，都定位在父元素的左上角。 不同點 absolute：1.無已定位祖先元素，以<html>為基準；2.有已定位祖先元素，以距其最近的、已定位的祖先元素為基準 fixed：都以瀏覽器可視窗口為基準偏移 表現(xiàn)形式（產(chǎn)生滾動條時） absolute： 1.位置會隨滾動條變化 fixed： 1.位置固定，不會隨著滾動條變化 2.被它遮蓋的元素，可以從其下穿過（絕對定位的元素在空間上可以產(chǎn)生堆疊，已經(jīng)脫離標準文檔流）查看全部
-
absolte與fixed相同點： 1.完全脫離標準文檔流 2.未設置偏移量時，定位在原來的位置。 若設置了偏移量，都定位在父元素的左上角。 偏移量——元素設置定位（絕對或相對）后就具有偏移屬性和堆疊屬性（z-index） 不同點： absolute 1，會隨滾動條變化 fixed 1，位置固定，不會隨滾動條變化 2，被他遮蓋的元素，可以從其下穿過查看全部
-
在對元素設置固定定位時，如果希望本元素包含起父包含塊中，不需要對其設置偏移量。 {position: fixed;}沒有設置偏移量的方向依然會保持在父包含塊。 也就是說： 在其沒有設置偏移量的時候，偏移量參數(shù)值默認為當前fixed的元素與瀏覽器可視窗口的偏移數(shù)值！ 同理，對于{position: absolute;}的元素也是一個道理，沒有設置的偏移量數(shù)值默認為當前其相對與最近的有{position: relative;}的祖先元素的偏移數(shù)值！查看全部
-
absolte與fixed相同點： 1.完全脫離標準文檔流 2.未設置偏移量時，定位在原來的位置。 若設置了偏移量，都定位在父元素的左上角。 偏移量——元素設置定位（絕對或相對）后就具有偏移屬性和堆疊屬性（z-index） absolute與fixed的不同點 設置偏移量時，偏移參照基準 absolute： 1.無已定位祖先元素，以<html>為基準偏移 2.有已定位祖先元素，以距其最近的、已定位（相對定位、絕對定位、固定定位）的祖先元素為基準偏移 fixed： 1.有、無已定位祖先元素，都以瀏覽器可視窗口為基準偏移 表現(xiàn)形式（產(chǎn)生滾動條時） absolute： 1.位置會隨滾動條變化 fixed： 1.位置固定，不會隨著滾動條變化 2.被它遮蓋的元素，可以從其下穿過（絕對定位的元素在空間上可以產(chǎn)生堆疊，已經(jīng)脫離標準文檔流）查看全部
-
fixed、absolute定位：未設置偏移量，無論有無已定位祖先元素，均已距離最近的祖先元素為基準偏移參照查看全部
-
在普通文檔流中，當垂直方向上的兩個外邊距相遇時，會發(fā)生外邊距合并，最后的外邊距取兩個外邊距較高的值。這種合并現(xiàn)象發(fā)生在普通文檔流的塊級元素上，而行內(nèi)框、浮動框以及定位框則不會受影響。查看全部
-
在對元素設置固定定位時，如果希望本元素包含起父包含塊中，不需要對其設置偏移量。 position: fixed沒有設置偏移量的方向依然會保持在父包含塊。查看全部
-
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）查看全部
-
position:fixed;bottom:50px;right:30px;查看全部
-
fixed定位總結 定位形式——絕對定位 特點——位置固定不變，兄弟元素會從其下穿過,脫離文檔流。 1.未設置偏移量 有已定位的祖先元素，以祖先元素為基準定位 無已定位的祖先元素，以瀏覽器窗口為基準定位 設置偏移量，有、無已定位祖先元素，均以瀏覽器窗口為基準偏移。 案例實現(xiàn)關鍵 頂部固定層 #top----position：fixed;top:0; left:0; #mainbody----margin-top:(#top高度+原有間距)px查看全部
-
cursor:pointer mainbody的margin-top屬性應為63px，不是64px。 因為top的border只有bottom一條邊，為1px，top自身height為42px。 所以42+1+20=63px。查看全部
舉報
0/150
提交
取消