已知一 div 高 35px，緊鄰其后的 X 元素上外邊距為 15px，為該 div 設置 fixed 定位后，下列描述正確的是（）

答案是，div與瀏覽器上邊界相距15px？！表示對答案懷疑

weibo_任_無憂_0

2015-11-28

源自：固定層效果 2-2

關注問題我要回答

1080

操作

收起

4 回答

qq_安伊偌拉_0 回答被采納 +3 積分
2015-12-01

因為div是fixed，所以脫離標準文檔流。X元素設置了上邊距，body距離html也有一個上邊距，但是body沒有border,padding屬性，所以由于margin有垂直外邊局合并問題，body的上邊距也變為15px，div會緊貼body上邊。所以，div與瀏覽器上邊界相距15px。

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

收起回答

weibo_任_無憂_0 提問者

body與x元素的垂直邊局合并是使body的margin_left改成15px么，W3C解釋里的內容區域，是不是就指body標簽？

2015-12-01 回復有任何疑惑可以回復我~

qq_安伊偌拉_0 回復 weibo_任_無憂_0 提問者

不是改成，而是好像有15px的外邊距一樣。你在不設置body的magin的時候，在里面隨便寫一個元素，就會跟瀏覽器的上邊緣有一定的距離。

2015-12-02 回復有任何疑惑可以回復我~

weibo_任_無憂_0 提問者

非常感謝！

2015-12-02 回復有任何疑惑可以回復我~

hello清風
2016-04-13

<!DOCTYPE?html>
<html>
<head>
????<meta?charset="UTF-8">
????<title>Title</title>
????<style>
????????.box1{
????????????width:?100%;
????????????height:?30px;
????????????position:?fixed;
????????
????????????border:?1px?solid?#0a437a;
????????}
????????.box2{
????????????width:?960px;
????????????margin:?15px?auto?0;
????????????height:?500px;
????????????border:?1px?solid?#a94442;
????????}
????</style>
</head>
<body>
????<div></div>
????<div></div>
</body>
</html>

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

收起回答

Steafan_
2015-11-28

那個X元素不是div，他設置的是X元素上外邊距為15Px，為div設置fixed定位后，由于div無嵌套元素，即，無祖先元素，由于，當一個div被設置fixed定位后，在沒有祖先元素的情況下是相對于瀏覽器的可視范圍而發生的偏移，所以，本題中的div就是與瀏覽器上邊界相距15Px!! 不懂接著問!!好了就采納吧！！

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

收起回答

weibo_任_無憂_0 提問者

是相對瀏覽器偏移的，但是偏移量不應該是0么

2015-11-28 回復有任何疑惑可以回復我~