Исправлено фиксированное положение CSS с автоматической шириной

Question

Я новичок в stackoverflow и кодировании вообще, поэтому я заранее извиняюсь, если это действительно глупый вопрос, или я пропустил что-то очевидное.

У меня проблема, когда я устанавливаю фиксированное положение для div и объединяю его с автоматической шириной.

CSS-я использую:

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

Когда не включают в себя позицию: фиксированный; все работает отлично, и ширина вычисляется автоматически с полями 90 пикселей. Однако, когда я включаю положение: фиксированное; авто ширина не работает, а ширина возвращается к минимальному 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; 
}