子元素position为fixed时，宽度如何保持与父元素一致。

当子元素`position`设置为`fixed`时，它相对于浏览器窗口定位，而不是其直接的父元素。因此，如果想要让固定定位的子元素宽度与其父元素保持一致，你需要采取一些策略：

1. **计算宽度**：如果你知道父元素的宽度并且需要动态应用到子元素上，你可以通过JavaScript获取父元素的宽度，并将其作为`width`属性应用于子元素。

let parentWidth = document.getElementById('parent').offsetWidth;
document.getElementById('childFixed').style.width = parentWidth + 'px';

2. **使用CSS`:calc()`**：在CSS中，你可以利用`:calc()`函数来计算宽度，如`width: calc(100% - 20px);`，这里假设需要减去20px的边距或者其他已知空间。

3. **使用Flexbox或Grid布局**：如果你的父元素使用了Flexbox或Grid布局，可以直接设置子元素的宽度为`auto`，让它们自适应占据剩余的空间。

.parent {
  display: flex;
}
.childFixed {
  position: fixed;
  width: auto;
}

4. **设置视口单位（vw/vh）**：可以将子元素的宽度设置为其父元素宽度的百分比，例如`width: 100vw;`，这样子元素会与视口宽度相等。