另外,樓下@goto_sky的所說的,題目并沒有歧義.
因?yàn)閐iv元素設(shè)置了fixed屬性,則其就會脫離標(biāo)準(zhǔn)文檔流.然后x元素就成了在標(biāo)準(zhǔn)文檔流中緊鄰body元素的元素,隨即他們在縱軸方向上相遇了.這就產(chǎn)生了magin重疊問題.根據(jù)重疊原則(上一節(jié)有講),body的magin-bottom就隱含成了15px.
但是,這里設(shè)置了fixed的div元素并沒有設(shè)置top屬性,則其仍按父包裹層(body)的位置不動.
所以,根據(jù)以上分析,div元素 和 x元素都與瀏覽器可視窗口上邊界相距15px.
因?yàn)閐iv元素設(shè)置了fixed屬性,則其就會脫離標(biāo)準(zhǔn)文檔流.然后x元素就成了在標(biāo)準(zhǔn)文檔流中緊鄰body元素的元素,隨即他們在縱軸方向上相遇了.這就產(chǎn)生了magin重疊問題.根據(jù)重疊原則(上一節(jié)有講),body的magin-bottom就隱含成了15px.
但是,這里設(shè)置了fixed的div元素并沒有設(shè)置top屬性,則其仍按父包裹層(body)的位置不動.
所以,根據(jù)以上分析,div元素 和 x元素都與瀏覽器可視窗口上邊界相距15px.
2015-06-10
這題題目出的不夠嚴(yán)謹(jǐn),按答案D"div與瀏覽器可視窗口上邊界相距15px"理解.該題目的html標(biāo)簽順序應(yīng)該是這樣的:
<body>
<div></div> <!-已知div-->
<div></div> <!--X元素-->
....
</body>
ps:只有當(dāng)x元素為緊鄰body的第二個(gè)標(biāo)簽元素時(shí),答案D才成力(而這個(gè)題目并沒表達(dá)清楚).
<body>
<div></div> <!-已知div-->
<div></div> <!--X元素-->
....
</body>
ps:只有當(dāng)x元素為緊鄰body的第二個(gè)標(biāo)簽元素時(shí),答案D才成力(而這個(gè)題目并沒表達(dá)清楚).
2015-06-10
對,只有元素在設(shè)置相對定位,或者絕對定位后,此屬性才有效,它的作用是設(shè)置元素所在的z軸層級。z-index值越大,元素層級越大。
2015-06-08
確實(shí)看不到圖。考察知識點(diǎn)1、設(shè)置fixed定位后div元素脫離文檔流。2、緊后元素會和fixed定位元素發(fā)生重疊,需要設(shè)置其margin屬性。
2015-05-03