Question

我希望黑色标题跨越页面的宽度，但我无法得到它。这是我的HTML：

<body>
  <div class="container_16">
    <header class="header grid_16">     
        <div class="grid_3 alpha">Ieesha</div>  
    </header>
</div>

和CSS：

header { 
    background-color: black;
    height: 144px;
    font-family: sans-serif;
}

.header {
    width: 100% !important;
}

如果我将.header宽度更改为200％，它将跨越页面但仅从960网格的开头到右边。我也尝试使用1px图像并使用background-repeat：repeat-x;但无济于事。

我只学习HTML＆amp; CSS几周，所以任何帮助将不胜感激。谢谢。

Answer 1

使用您提供的代码示例，它可以完美运行。查看父元素的样式，看看它们是否限制了标题的宽度。

Answer 2

将其添加到CSS文件的顶部：

* { margin: 0; padding: 0; border: 0; }

这将清除页面的默认边距/填充/边框设置，并在每个浏览器中的相同位置开始设计。

如果我误解了你，请告诉我。

Answer 3

如果您不希望container-16包含它，请将其从那里取出

<header class="header grid_16">     
 <div class="grid_3 alpha">Ieesha</div>  
</header>
<div class="container_16">
</div>

正如您在这里学习的是position property

的精彩教程