header - CSS整页宽度标题

Question

嘿，我有一个小问题，我有一个完整的页面标题，但是当我放大或缩小屏幕尺寸并滑动时。它不是完整的页面宽度，它只是留下空白。可能会跟随 css 代码。

.header {
background:#242424 repeat-x;
color:#ffffff;
width:100%;
height:74px;
font-family: 'Karla', cursive;
font-weight:bold;
font-size:15px;

}

Answer 1

问题是由您的<div class="medium-cont"></div>标签引起的。

您在导致问题的 CSS 中将其宽度设置为 1400px。

您不需要使用此元素，而是设置.medium-back.

<div class="medium-back">
    <div class="register"></div>
    <div class="medium-cont"></div> <!-- Remove this line -->
</div>

.medium-back将您的样式更改为：

.medium-back {
    background: #19D89B url(images/medium-content.png) no-repeat;
    height: 475px;
    margin: 0 auto;
}

然后删除最外层元素上的任何其他width:100%;样式。