-
因?yàn)閐iv元素設(shè)置了fixed屬性,則其就會(huì)脫離標(biāo)準(zhǔn)文檔流.然后x元素就成了在標(biāo)準(zhǔn)文檔流中緊鄰body元素的元素,隨即他們?cè)诳v軸方向上相遇了.這就產(chǎn)生了magin重疊問題.根據(jù)重疊原則(上一節(jié)有講),body的magin-bottom就隱含成了15px. 但是,這里設(shè)置了fixed的div元素并沒有設(shè)置top屬性,則其仍按父包裹層(body)的位置不動(dòng). 所以,根據(jù)以上分析,div元素 和 x元素都與瀏覽器可視窗口上邊界相距15px.查看全部
-
在對(duì)元素設(shè)置固定定位是，如果希望本元素包含其父包含快中，不需要對(duì)其設(shè)置偏移量查看全部
-
已理解，需要練習(xí)查看全部
-
標(biāo)準(zhǔn)文檔流中，當(dāng)兩個(gè)垂直邊界（margin-top或margin-bottom）（且僅僅只在縱向的垂直邊界）相遇時(shí)，它們將重合 形成一個(gè)邊界。這個(gè)邊界的高度等于兩個(gè)發(fā)生疊加的邊界的高度中的較大者。<br> 補(bǔ)充解決方案：<br> 1.外層padding<br> 2.透明邊框border:1pxsolidtransparent;<br> 3.絕對(duì)定位postion:absolute:<br> 4.外層DIVoverflow:hidden;<br> 5.內(nèi)層DIV 加float:left;display:inline;<br> 6.外層DIV有時(shí)會(huì)用到zoom:1; 當(dāng)給元素一個(gè)值為fixed的position屬性時(shí)，如果設(shè)置了偏移量，就脫離了該元素的包裹層（父元素），其兄弟元素會(huì)占據(jù)原有的位置。查看全部
-
absolute 與 fixed 不同點(diǎn)<br> absolute，<br> 1）無已定位祖先元素，以 <html> 為基準(zhǔn)偏移；<br> 2）有已定位祖先元素，以距其最近的、已定位的祖先元素為基準(zhǔn)偏移；<br> 3）位置會(huì)隨滾動(dòng)條變化。 fixed，<br> 1）有、無定位祖先元素，都已瀏覽器可視窗口為基準(zhǔn)偏移； 2）位置固定，不會(huì)隨滾動(dòng)條變化； 3）被他遮蓋的元素，可以從其下穿過。查看全部
-
absolute 與 fixed 相同點(diǎn) 1）完全脫離標(biāo)準(zhǔn)文檔流 2）在沒有設(shè)置偏移屬性時(shí)，都定位在其父元素的左上角查看全部
-
只有元素在設(shè)置相對(duì)定位，或者絕對(duì)定位后，此屬性才有效，它的作用是設(shè)置元素所在的z軸層級(jí)。z-index值越大，元素層級(jí)越大。查看全部
-
fixed定位： 未設(shè)置偏移量時(shí)：以已定位的祖先元素為參照基準(zhǔn)。 設(shè)置偏移量后：以html為參照基準(zhǔn)查看全部
-
div設(shè)置fixed，脫離文檔流，x元素占據(jù)div的位置，x元素和body的上邊距發(fā)生重疊，變成15px,div沒有設(shè)置偏移，以在父元素中的位置定位，而body此時(shí)的上邊距為15px,div距離可是窗口15px查看全部
-
對(duì)元素進(jìn)行固定定位，它的偏移的默認(rèn)值是在父元素中的偏移查看全部
-
absolute和fixed的不同點(diǎn) 如果有已經(jīng)定位的祖先元素，absolute以最近的已定位的祖先元素為參照基準(zhǔn)進(jìn)行偏移。如果沒有，則以html為參照基準(zhǔn)。 fixed無論有無已經(jīng)定位的祖先元素，都已html為參照基準(zhǔn)進(jìn)行偏移。查看全部
-
absolute和fixed的相同點(diǎn)： 1、脫離文檔流 2、未設(shè)置偏移時(shí)，定位在父元素的左上角查看全部
-
在垂直方向上，margin-top值存在重疊----也就是外邊距合并：當(dāng)兩個(gè)垂直外邊距相遇時(shí)會(huì)發(fā)生外邊距合并，合并后的外邊距的高度等于兩個(gè)外邊距中較大的外邊距值。這只發(fā)生在普通文檔流中的塊級(jí)框中，而行框、絕對(duì)定位以及浮動(dòng)則不會(huì)出現(xiàn)。所以一般建議在父級(jí)元素里加margin，在子級(jí)元素里用padding。查看全部
-
SayHiTo 正確的是： 只要是絕對(duì)定位（absolute、fixed），未設(shè)置偏移量時(shí)，都保持原始位置不動(dòng)。 設(shè)置了偏移量后，absolute以離自己最近的定位祖先元素進(jìn)行定位，如果無定位祖先元素，以html為基準(zhǔn)進(jìn)行定位； fixed，以瀏覽器窗口進(jìn)行定位。查看全部
-
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層的上外填充加上一定的高度就可以解決了。查看全部
舉報(bào)
0/150
提交
取消