如何将div的宽度扩展到其包装器之外？

Question

我有一个名为<div class="pageWrapper">的大型div包装器，其大小设置为1000px。

在其中我有一个header，我希望100%成为屏幕fixed。

我该怎么做？

我知道我可以在div之外取消标题pagewrapper，但我自定义了一个volusion模板，以便将其删除会删除最初设置的所有CSS。

Answer 1

尝试以下操作，看看是否有效。

以下是由François Wahl

创建的Fiddle

 width:100%;
 position:fixed;

如果您发布首先尝试的代码，那总是好的。

Answer 2

你想要 Demo 吗？

HTML

<div class="pageWrapper">
    <div class="header">Header</div>
</div>

CSS

body {
    margin: 0;
}
.pageWrapper {
    width:500px;
    background:green;
    height:500px;
    margin:0 auto;
}
.header {
    position:fixed;
    width:100%;
    top:0;
    left:0;
    right:0;
    height:50px;
    background: red;
}