Question

我是stackoverflow的新手，一般都是编码，所以如果它是一个非常愚蠢的问题，或者我错过了一些明显的事情，我会事先道歉。

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

CSS我使用：

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

如果不包含该职位：已修复;一切正常，宽度自动计算90px边距。但是当我包括这个位置时：固定;自动宽度不起作用，宽度回到最小1020px。

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

提前致谢，汤姆。

Answer 1

由于您使用的位置：固定而左右修复。将此行添加到您的班级：

left:0;
right:0;

Answer 2

试试此代码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;
}

CSS固定位置干扰自动宽度

2 个答案: