CSS 固定位置干扰自动宽度答案

【问题标题】：CSS Fixed Position Interferes With Auto WidthCSS 固定位置干扰自动宽度
【发布时间】：2014-08-23 19:00:43
【问题描述】：

我是 stackoverflow 的新手，而且一般都在编码，所以如果这是一个非常愚蠢的问题或者我错过了一些明显的东西，我提前道歉。

我在为 div 设置固定位置并将其与自动宽度结合时遇到问题。

我正在使用的 CSS：

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

当不包含位置时：固定；一切正常，宽度自动计算为 90px 边距。但是，当我包括位置时：固定；自动宽度不起作用，宽度回到最小 1020px。

有没有办法解决这个问题，这样 div 可以在固定位置时改变宽度？

提前致谢，汤姆。

【问题讨论】：

标签： html css width css-position

【解决方案1】：

试试这个代码wrapperDiv

<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;
}

【讨论】：

【解决方案2】：

由于您使用的是 position:fixed，请修复您的左右。将此行添加到您的课程中：

left:0;
right:0;

【讨论】：