CSS - 位置固定改变元素的宽度

Question

检查以下html代码段 -

<div id="y">
<div id="x"></div>
</div>

以下是CSS代码段

#x {
display: block;
background: red;
height: 80px;
width: 100%;
top: 0;
position: fixed;
}

#y {
display: block;
position: relative;
height: 80px;
width: 100%;
}

找到的行为是 - 内部div＆＃34;＃x＆＃34;当其位置设置为固定时，占据宽度的100％。当宽度位置设置为相对宽度时，宽度取宽度的20％左右。

问题 - div元素是否可以仅因为位置值是固定的还是相对的而改变其宽度？或者是其他事情发生了（虽然我没有发现其他事情）。

注意 - 无法重新编写jsfiddle中的scneario。

Answer 1

position不应对width产生影响;检查更改position时触发的事件处理程序的其余JavaScript，特别是因为您无法在简单的jsfiddle中重现该行为。

另一个原因可能是一个突然开始匹配的CSS选择器，但除非你使用jQuery之类的东西，否则我无法想到一个与CSS风格匹配的选择。