在调整大小/恢复窗口时不应用背景颜色

Question

以下是我标题的代码。问题是我将标题的背景设置为#444和宽度：100％，当我在最大化窗口中打开网站时，标题会按预期显示，但是当我在调整大小窗口中查看网站时，标题背景颜色将自身限制为调整大小窗口大小，而不是当我向右滚动时。请告诉我如何解决这个问题，以便我的颜色适用于整个标题。

#hea {
    background: none repeat scroll 0 0 #2C3033;
    border-bottom: 1px solid #444444;
    border-top: 1px solid #0C0E0F;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    height: 55px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}


.rap {
    margin: 0 auto;
    text-align: left;
    width: 960px;
}

<div id="hea">
    <div class="rap">

        <span style="margin-top:4px;" id="slogan"><img alt="Logo" src="Logo3.png"></span><!-- end of #slogan -->


        <ul id="navy">
            <li><a href="#">Home</a></li>
            <li><a href="#">About</a></li>


        </ul><!-- end of #navigation -->




    </div><!-- end of .wrapper -->
</div>

Answer 1

自己找到解决方案：

我必须将min-width; css属性添加到我的标头的csscode

中