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%;样式。