-
0、標(biāo)準(zhǔn)文檔流中，margin重合時(shí)會(huì)取較大那個(gè)。margin重合只出現(xiàn)在上下方向，左右沒(méi)有（左右塊元素的margin是疊加）。 1、外邊距合并指的是，當(dāng)兩個(gè)垂直外邊距相遇時(shí)，它們將形成一個(gè)外邊距。合并后的外邊距的高度等于兩個(gè)發(fā)生合并的外邊距的高度中的較大者。 2、當(dāng)一個(gè)元素出現(xiàn)在另一個(gè)元素上面時(shí)，第一個(gè)元素的下外邊距與第二個(gè)元素的上外邊距會(huì)發(fā)生合并。 3、當(dāng)一個(gè)元素包含在另一個(gè)元素中時(shí)（假設(shè)沒(méi)有內(nèi)邊距或邊框把外邊距分隔開(kāi)），它們的上/下外邊距也會(huì)發(fā)生合并。 4、元素設(shè)置{position: fixed; }或{position: absolute; }之后，就會(huì)脫離標(biāo)準(zhǔn)文檔流，即其后的標(biāo)準(zhǔn)文檔流元素{position: relative;}或默認(rèn)的{position: static;}會(huì)按正常標(biāo)準(zhǔn)文檔流來(lái)排版（忽視絕對(duì)定位的元素）查看全部
-
在對(duì)元素設(shè)置固定定位時(shí)，如果希望本元素包含起父包含塊中，不需要對(duì)其設(shè)置偏移量。 {position: fixed;}沒(méi)有設(shè)置偏移量的方向依然會(huì)保持在父包含塊。 也就是說(shuō)： 在其沒(méi)有設(shè)置偏移量的時(shí)候，偏移量參數(shù)值默認(rèn)為當(dāng)前fixed的元素與瀏覽器可視窗口的偏移數(shù)值！ 同理，對(duì)于{position: absolute;}的元素也是一個(gè)道理，沒(méi)有設(shè)置的偏移量數(shù)值默認(rèn)為當(dāng)前其相對(duì)與最近的有{position: relative;}的祖先元素的偏移數(shù)值！查看全部
-
不同點(diǎn)： absolute 1、無(wú)已定位父級(jí)元素，以html為基準(zhǔn)偏移 2、有已定位父級(jí)元素，以距其最近的，已定位的父級(jí)元素為基準(zhǔn)偏移 fixed 1，有、無(wú)已定位父級(jí)元素，都以瀏覽器可視窗口為基準(zhǔn)偏移 可視窗口：瀏覽器正展示的那一塊查看全部
-
Fixed 定位特點(diǎn)查看全部
-
absolte與fixed相同點(diǎn)： 1.完全脫離標(biāo)準(zhǔn)文檔流 2.未設(shè)置偏移量時(shí)，定位在原來(lái)的位置。 若設(shè)置了偏移量，都定位在父元素的左上角。 偏移量——元素設(shè)置定位（絕對(duì)或相對(duì)）后就具有偏移屬性和堆疊屬性（z-index） 不同點(diǎn)： absolute 1，會(huì)隨滾動(dòng)條變化 fixed 1，位置固定，不會(huì)隨滾動(dòng)條變化 2，被他遮蓋的元素，可以從其下穿過(guò)查看全部
-
固定層效果 掌握知識(shí)： 1.position屬性,又稱position定位,有3種形式的定位：靜態(tài)定位、相對(duì)定位、絕對(duì)定位。 影響因素： 1.屬性的取值，2.元素偏移量，3.元素偏移參照基準(zhǔn) position屬性值：static-靜態(tài)定位， relative-相對(duì)定位，absolute-絕對(duì)定位，fixed-固定定位。 絕對(duì)定位特點(diǎn)【absolute與fixed同屬于絕對(duì)定位】：完全脫離標(biāo)準(zhǔn)文檔流，兄弟元素不再受其影響查看全部
-
position:fixed;bottom:50px;right:30px;查看全部
-
mainbody的margin-top屬性應(yīng)為63px，不是64px。 因?yàn)閠op的border只有bottom一條邊，為1px，top自身height為42px。 所以42+1+20=63px。查看全部
-
mainbody的margin-top屬性應(yīng)為63px，不是64px。 因?yàn)閠op的border只有bottom一條邊，為1px，top自身height為42px。 所以42+1+20=63px。查看全部
-
知一 div 高 35px，緊鄰其后的 X 元素上外邊距為 15px，為該 div 設(shè)置 fixed 定位后，因?yàn)閄元素15px的上外邊距與body的0px上外邊距信息重疊了，所以body也跟著下移；然后，div在父元素body內(nèi)，且沒(méi)有設(shè)置偏移量，所以div相對(duì)其父元素body進(jìn)行絕對(duì)定位 絕對(duì)定位，未設(shè)置偏移量時(shí)，顯示在body元素的左上角 在普通文檔流中，當(dāng)垂直方向上的兩個(gè)外邊距相遇時(shí)，會(huì)發(fā)生外邊距合并，最后的外邊距取兩個(gè)外邊距較高的值。這種合并現(xiàn)象發(fā)生在普通文檔流的塊級(jí)元素上，而行內(nèi)框、浮動(dòng)框以及定位框則不會(huì)受影響。查看全部
-
只有元素在設(shè)置相對(duì)定位，或者絕對(duì)定位后，此屬性才有效，它的作用是設(shè)置元素所在的z軸層級(jí)。z-index值越大，元素層級(jí)越大。查看全部
-
不同點(diǎn)： absolute 1、無(wú)已定位父級(jí)元素，以html為基準(zhǔn)偏移 2、有已定位父級(jí)元素，以距其最近的，已定位的父級(jí)元素為基準(zhǔn)偏移 fixed 1，有、無(wú)已定位父級(jí)元素，都以瀏覽器可視窗口為基準(zhǔn)偏移 可視窗口：瀏覽器正展示的那一塊查看全部
-
absolte與fixed相同點(diǎn)： 1.完全脫離標(biāo)準(zhǔn)文檔流 2.未設(shè)置偏移量時(shí)，定位在父元素的左上角位置。 偏移量——元素設(shè)置定位（絕對(duì)或相對(duì)）后就具有偏移屬性和堆疊屬性（z-index）查看全部
-
固定層效果 掌握知識(shí)： 1.position屬性,又稱position定位,有3種形式的定位：靜態(tài)定位、相對(duì)定位、絕對(duì)定位。 影響因素： 1.屬性的取值，2.元素偏移量，3.元素偏移參照基準(zhǔn) position屬性值：static-靜態(tài)定位， relative-相對(duì)定位，absolute-絕對(duì)定位，fixed-固定定位。 絕對(duì)定位特點(diǎn)【absolute與fixed同屬于絕對(duì)定位】：完全脫離標(biāo)準(zhǔn)文檔流，兄弟元素不再受其影響查看全部
-
1.由于給top選擇器設(shè)置fixed固定定位時(shí)，(top層已經(jīng)脫離了標(biāo)準(zhǔn)文檔流)沒(méi)有對(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ù)其原來(lái)的位置，所以mainbody層上移占據(jù)原來(lái)top層的位置。導(dǎo)致原來(lái)top層與mainbody層20px的間距沒(méi)有了。在mainbody層的上外填充加上一定的高度就可以解決了。查看全部
舉報(bào)
0/150
提交
取消