Fixed定位,“設(shè)置偏移量,有、無已定位祖先元素,均以瀏覽器窗口為基準偏移。”這個很好理解。
可是,“未設(shè)置偏移量,有已定位祖先元素,以祖先元素為基準定位;無已定位祖先元素,以瀏覽器窗口為基準定位”?好像不對吧,連同1-3中,說fixed與absolute的共同點“未設(shè)置偏移量時,都定位在父元素的左上角”都是錯誤的。慕課網(wǎng)做得很好,但是不要有錯誤的知識來誤導(dǎo)啊。正確的說法應(yīng)該是網(wǎng)頁布局基礎(chǔ)課程里說的http://idcbgp.cn/video/1328
可是,“未設(shè)置偏移量,有已定位祖先元素,以祖先元素為基準定位;無已定位祖先元素,以瀏覽器窗口為基準定位”?好像不對吧,連同1-3中,說fixed與absolute的共同點“未設(shè)置偏移量時,都定位在父元素的左上角”都是錯誤的。慕課網(wǎng)做得很好,但是不要有錯誤的知識來誤導(dǎo)啊。正確的說法應(yīng)該是網(wǎng)頁布局基礎(chǔ)課程里說的http://idcbgp.cn/video/1328
2015-06-23
fixed與absolute的共同點“未設(shè)置偏移量時,都定位在父元素的左上角”是錯誤的,而是定位在原來的位置。你舉例把box1進行absolute定位,box1原來的位置就是父元素的左上角,你怎么能說是absolute定位后定位在父元素的左上角?你把box1不動,把box2進行absolute定位,再看看box2會不會跑到父元素的左上角??
2015-06-23
另外,樓下@goto_sky的所說的,題目并沒有歧義.
因為div元素設(shè)置了fixed屬性,則其就會脫離標準文檔流.然后x元素就成了在標準文檔流中緊鄰body元素的元素,隨即他們在縱軸方向上相遇了.這就產(chǎn)生了magin重疊問題.根據(jù)重疊原則(上一節(jié)有講),body的magin-bottom就隱含成了15px.
但是,這里設(shè)置了fixed的div元素并沒有設(shè)置top屬性,則其仍按父包裹層(body)的位置不動.
所以,根據(jù)以上分析,div元素 和 x元素都與瀏覽器可視窗口上邊界相距15px.
因為div元素設(shè)置了fixed屬性,則其就會脫離標準文檔流.然后x元素就成了在標準文檔流中緊鄰body元素的元素,隨即他們在縱軸方向上相遇了.這就產(chǎn)生了magin重疊問題.根據(jù)重疊原則(上一節(jié)有講),body的magin-bottom就隱含成了15px.
但是,這里設(shè)置了fixed的div元素并沒有設(shè)置top屬性,則其仍按父包裹層(body)的位置不動.
所以,根據(jù)以上分析,div元素 和 x元素都與瀏覽器可視窗口上邊界相距15px.
2015-06-10
這題題目出的不夠嚴謹,按答案D"div與瀏覽器可視窗口上邊界相距15px"理解.該題目的html標簽順序應(yīng)該是這樣的:
<body>
<div></div> <!-已知div-->
<div></div> <!--X元素-->
....
</body>
ps:只有當x元素為緊鄰body的第二個標簽元素時,答案D才成力(而這個題目并沒表達清楚).
<body>
<div></div> <!-已知div-->
<div></div> <!--X元素-->
....
</body>
ps:只有當x元素為緊鄰body的第二個標簽元素時,答案D才成力(而這個題目并沒表達清楚).
2015-06-10