Html CSS固定位置干扰自动宽度

我是stackoverflow的新手，通常情况下编码都是这样，所以如果这是一个非常愚蠢的问题或者我错过了一些明显的东西，我会提前道歉

当我为div设置一个固定位置，并将其与自动宽度相结合时，我遇到了一个问题

我正在使用的CSS：

.headwrapper{
height:100px;
width:auto;
margin-left:90px;
margin-right:90px;
position:fixed;
min-width:1020px;
}

不包括位置时：固定；这一切都很好，宽度是自动计算的90像素的利润。但是当我把位置包括在内时：固定；自动宽度不起作用，宽度回到最小1020px

是否有任何方法来修复此问题，以便在固定到位时div可以更改宽度

提前感谢,，

---

汤姆。

由于您正在使用位置：fixed，请固定您的左右两侧。 将以下行添加到类中：

left:0;
right:0;

试试这个代码

<div class="wrapper">
 <div class="headwrapper"></div>
 </div>



.headwrapper {
    height:100px;
    width:100%;
    background:yellow;
    position:absolute;
    left:90px;
    right:90px;
}
.wrapper {
    margin:0 auto;
    width:100%;
    height:100px;
    background:red;
    position:fixed;
}