-
CSS固定層 ： 1.position：fixed; 固定定位 2.緊后元素會(huì)和fixed定位元素發(fā)生重疊，需要設(shè)置其margin屬性 margin-top=原有高度+距離高度查看全部
-
fixed參照物是你的瀏覽器可視窗口，跟頁面上下內(nèi)容沒關(guān)系。absolute參照的是父級(jí)中最近的使用absolute或者relative的元素，如果父級(jí)元素都沒使用position屬性，那該元素就直接參照瀏覽器左上角。查看全部
-
1.由于給top選擇器設(shè)置fixed固定定位時(shí)，(top層已經(jīng)脫離了標(biāo)準(zhǔn)文檔流)沒有對(duì)其設(shè)置偏移量，以其父包裹層定位，（當(dāng)top選擇器fixed固定定位設(shè)置了偏移量時(shí)，則top層的位置按照所設(shè)置的偏移量的位置定位），而其父包裹層body的margin與mainbody的上margin值發(fā)生了重疊，（此時(shí)的body與mainbody屬于標(biāo)準(zhǔn)文檔流）mainbody的上margin值大于body的margin值，選擇了mainbody的上margin值20px（標(biāo)準(zhǔn)文檔流中上下margin發(fā)生重疊時(shí)選擇margin值大的那個(gè)）所以body下移20px；top層又以body層定位，從而導(dǎo)致了top層與瀏覽器可視窗口產(chǎn)生了距離。為了保持top層與瀏覽器窗口緊挨著，則需對(duì)top層的固定定位設(shè)置偏移量top:0； 2.第一步對(duì)top層設(shè)置偏移量后top層緊隨其后的兄弟元素會(huì)占據(jù)其原來的位置，所以mainbody層上移占據(jù)原來top層的位置。導(dǎo)致原來top層與mainbody層20px的間距沒有了。在mainbody層的上外填充加上一定的高度就可以解決了。查看全部
-
在垂直方向上，margin-top值存在重疊----也就是外邊距合并：當(dāng)兩個(gè)垂直外邊距相遇時(shí)會(huì)發(fā)生外邊距合并，合并后的外邊距的高度等于兩個(gè)外邊距中較大的外邊距值。這只發(fā)生在普通文檔流中的塊級(jí)框中，而行框、絕對(duì)定位以及浮動(dòng)則不會(huì)出現(xiàn)。所以一般建議在父級(jí)元素里加margin，在子級(jí)元素里用padding。查看全部
-
什么時(shí)候該設(shè)置偏移量？ 在對(duì)元素設(shè)置固定定位時(shí)，如果希望本元素包含在其父包含塊中，不需要對(duì)其設(shè)置偏移量。 {position: fixed;}沒有設(shè)置偏移量的方向依然會(huì)保持在父包含塊。 也就是說： 在其沒有設(shè)置偏移量的時(shí)候，偏移量參數(shù)值默認(rèn)為當(dāng)前fixed的元素與瀏覽器可視窗口的偏移數(shù)值！ 同理，對(duì)于{position: absolute;}的元素也是一個(gè)道理，沒有設(shè)置的偏移量數(shù)值默認(rèn)為當(dāng)前其相對(duì)于最近的有{position: relative;}的祖先元素的偏移數(shù)值！查看全部
-
只有元素在設(shè)置相對(duì)定位，或者絕對(duì)定位后，此屬性才有效，它的作用是設(shè)置元素所在的z軸層級(jí)。z-index值越大，元素層級(jí)越大。查看全部
-
absolute 設(shè)置偏移量時(shí)，偏移參照基準(zhǔn)： 1.無已定位祖先元素，以<html>為參照基準(zhǔn) 2.有已定位的祖先元素 以距其最近的，已定位的祖先元素為基準(zhǔn)偏移。 fixed 設(shè)置偏移量時(shí)的參照基準(zhǔn) 有無已經(jīng)定位的祖先元素 ，都以瀏覽器可視窗口為基準(zhǔn)。 absolute定位：位置會(huì)隨滾動(dòng)條變化 fixed定位：1.位置固定，不會(huì)隨滾動(dòng)條變化 2.被它遮蓋的其他元素，可以從其下穿過（絕對(duì)定位的元素在空間上可以產(chǎn)生堆疊，已經(jīng)脫離標(biāo)準(zhǔn)文檔流）查看全部
-
absolute與fixed相同點(diǎn)：（都屬于絕對(duì)定位形式） 1.完全脫離標(biāo)準(zhǔn)文檔流 2.未設(shè)置偏移量時(shí)，都定位在父元素的左上角。 偏移量——元素設(shè)置定位（絕對(duì)或相對(duì)）后，就具有偏移屬性和堆疊屬性（z-index） 不同點(diǎn)： absolute 1，會(huì)隨滾動(dòng)條變化 fixed 1，位置固定，不會(huì)隨滾動(dòng)條變化 2，被他遮蓋的元素，可以從其下穿過查看全部
-
絕對(duì)定位特點(diǎn)【absolute與fixed同屬于絕對(duì)定位】：完全脫離標(biāo)準(zhǔn)文檔流，兄弟元素不再受其影響查看全部
-
position屬性值 static--靜態(tài)定位 relative--相對(duì)定位 absolute--絕對(duì)定位 fixed--固定定位查看全部
-
fixed 定位：完全脫離文檔流 特點(diǎn)--位置固定不變 兄弟元素可以從其下穿過 未設(shè)置偏移量 有已定位的祖先元素 以祖先元素為基準(zhǔn)定位 無已定位的祖先元素 以瀏覽器窗口為基準(zhǔn)定位 有設(shè)置偏移量時(shí) ，有、無已定位的祖先元素，都是以瀏覽器的窗口作為參照基準(zhǔn) 實(shí)現(xiàn)頂部固定層： #top---position:fixed ;top:0;left:0; #mainbody---margin-top:(#top高度+原有間距)px查看全部
-
absolute與fixed相同點(diǎn)：（都屬于絕對(duì)定位形式） 1.完全脫離標(biāo)準(zhǔn)文檔流 2.未設(shè)置偏移量時(shí)，都定位在父元素的左上角。 偏移量——元素設(shè)置定位（絕對(duì)或相對(duì)）后 就具有偏移屬性和堆疊屬性（z-index） 不同點(diǎn)： absolute 1，會(huì)隨滾動(dòng)條變化 fixed 1，位置固定，不會(huì)隨滾動(dòng)條變化 2，被他遮蓋的元素，可以從其下穿過查看全部
-
只有元素在設(shè)置相對(duì)定位，或者絕對(duì)定位后，z-index屬性才有效，它的作用是設(shè)置元素所在的z軸層級(jí)。z-index值越大，元素層級(jí)越大查看全部
-
absolute與fixed相同點(diǎn)：（都屬于絕對(duì)定位形式） 1.完全脫離標(biāo)準(zhǔn)文檔流 2.未設(shè)置偏移量時(shí)，都定位在父元素的左上角。 偏移量——元素設(shè)置定位（絕對(duì)或相對(duì)）后 就具有偏移屬性和堆疊屬性（z-index） 不同點(diǎn)： absolute 1，會(huì)隨滾動(dòng)條變化 fixed 1，位置固定，不會(huì)隨滾動(dòng)條變化 2，被他遮蓋的元素，可以從其下穿過查看全部
-
fixed頂部固定層實(shí)現(xiàn)-關(guān)鍵。查看全部
舉報(bào)
0/150
提交
取消