Html 如何使此标题跨越页面？_Html_Css_Header

Html 如何使此标题跨越页面？

html css

Html 如何使此标题跨越页面？,html,css,header,Html,Css,Header,我想让黑色的页眉跨过页面的宽度，但我无法让它达到。这是我的HTML： <body> <div class="container_16"> <header class="header grid_16"> <div class="grid_3 alpha">Ieesha</div> </header> </div> 如果我将.header宽度更改为200%，它将覆盖

我想让黑色的页眉跨过页面的宽度，但我无法让它达到。这是我的HTML：

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

如果我将.header宽度更改为200%，它将覆盖整个页面，但只能从960网格的开始到右侧；但是没有用

我学习HTML和CSS才几周，所以非常感谢您的帮助。多谢各位

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

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

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

如果我误解了您的意思，请告诉我。

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

如果不希望它包含在

container-16

中，请将其取出

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


伊萨

您的问题的一个例子：

正如您所了解的，这是一个关于

的很棒的教程，它已经扭曲了整个页面！您想归档什么？它的宽度仅为其包含元素的100%，在本例中是

，谢谢，问题与container_16类有关

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