針對D項的疑問？

對于DIV設置fixed，應該是標準脫離文檔流，而X元素設置margin-top是15px.我理解的是這個只會影響到X與body的上邊距，為什么DIV也跟著下來15px?

請知道的同學幫忙解答一下,謝謝啦！

passionfoure

2015-03-31

源自：固定層效果 2-2

關注問題我要回答

852

操作

收起

8 回答

菲爾活該
2016-06-10

因為沒設置偏移量的時候，DIV是定位于其父元素（這里是body）的左上角。。。

0 回復有任何疑惑可以回復我~

收起回答

慕運維2603834
2015-11-12

反正jellyhui的回答我是看懂了不知道童鞋們看懂沒

0 回復有任何疑惑可以回復我~

收起回答

Song歌
2015-10-17

這題不太嚴謹感覺

0 回復有任何疑惑可以回復我~

收起回答

jellyhui
2015-06-22

這是垂直外邊距合并----在普通文檔流中，當垂直方向上的兩個外邊距相遇時，會發生外邊距合并，最后的外邊距取兩個外邊距較高的值。這種合并現象發生在普通文檔流的塊級元素上，而行內框、浮動框以及定位框則不會受影響。所有在本題目中，垂直方向上的合并外邊距為15px，也就是div存在了一個15px的上邊距。

0 回復有任何疑惑可以回復我~

收起回答

xiaoguoliang

既然垂直方向上會合并，為什么一定是15px呢，它不是取最大值嗎，如果body的上邊距設一個比15px的上邊距呢，那本題的D答案還成立？

2015-07-19 回復有任何疑惑可以回復我~

jellyhui 回復 xiaoguoliang

我不大明白你的糾結點在什么地方？如果說是body的margin-top大于了div的margin-top，那合并之后的上邊距肯定取決最大值。

2015-07-21 回復有任何疑惑可以回復我~

Song歌

既然存在于普通文檔流中，那有fixed屬性的div為什么還受影響呢？

2015-10-17 回復有任何疑惑可以回復我~

言口言
2015-04-20

同問，感覺題目也有點表述不清楚

0 回復有任何疑惑可以回復我~

收起回答

passionfoure 提問者
2015-04-10

<!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html?xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
<title>無標題文檔</title>
<style?type="text/css">
#a{??width:50px;height:35px;background:#333;position:fixed;}
#b{??width:60px;height:20px;background:?#0F0;margin-top:150px;}
</style>
</head>

<body>
<div?id="a">DIV</div>
<div?id="b">X</div>
</body>
</html>

0 回復有任何疑惑可以回復我~

收起回答