html - 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 "#x"的位置设置为固定时，它占据了 100% 的宽度。当其位置设置为相对时，宽度采用大约 20% 宽度的 px 值。

问题 - div 元素是否可能仅仅因为它的位置值是固定的或相对的而改变其宽度？或者是否发生了其他事情(尽管我没有发现其他事情)。

注意 - 无法在 jsfiddle 中重现场景。

Answer 1

position 不应影响 width；检查 JavaScript 的其余部分以查找在您更改 position 时触发的事件处理程序，尤其是因为您无法在简单的 jsfiddle 中重现该行为。

另一个原因可能是 CSS 选择器突然开始匹配，但我想不出一个匹配 CSS 样式的选择器，除非您使用 jQuery 之类的东西。