关于fixed元素的宽度问题

Question

  <div class="wrap">
    <div class="header"></div>
    <div class="main"></div>
  </div>

header设置为position:fixed后，如何让其宽度等于父元素wrap的宽度？

有什么纯css实现方案没有？

=====================================================================
采纳的答案的解释：

出处： transform对元素的影响

transform是把fixed降级成absolute处理了，所以宽度能自适应，
所以fixed元素宽度自适应还是只能用js来处理吗？

Answer 1

父元素加上3d转换就可以了，比如：transform: scale3d(1, 1, 1);

Answer 2

刚试了一个,left和right设为0,然后宽度就跟原来一样了

Answer 3

我试了下，用width: calc(100% - 224px);解决了。。。。

Answer 4

fixed是相对于html中window元素的，所以如果纯CSS你是不能实现和其父元素宽度相等的，给你两个解决方案：
1、fixed下设置width和其父元素值相等；
2、fixed换成absolute；

Answer 5

不考虑兼容性的话可以使用

position: sticky;

Answer 6

父元素设置fixed,然后header设置宽度100%

Answer 7

同楼上，由于菜单弹出要挤压fixed的宽度，我得让它自适应
left右移200px
fixed可以用width:calc-200px就可以自适应了。。。。。

Answer 8

absolute

Answer 9

你这种方法还不如直接用absoulute,效果就是一样了，虽然用了fixed，但是并不是一直固定在顶部了