css - CSS 标头问题

Question

当浏览器从其宽度拉伸时，标题不会移动，但页面的内容会移动。它快把我逼疯了。如果您将其拉伸得足够远，则横幅最终会结束。IE：它不会进一步重复横幅。

有什么建议吗？我不确定源代码的哪一部分会控制它。我会放上 CSS，如果需要，我可以放出部分 HTML。

图像示例

网络

Answer 1

答案是差异变化的大量组合。基本上它归结为一些宽度变化。

如果我在一个地方设置宽度 100%，它必须进入多个，因为整个桅杆 div 是嵌套的 div。此外，要让横幅进一步向右扩展，宽度必须为 200%。

正确的代码反映在网站上，至少对于我的解决方案而言。谢谢大家，特别是 TMan。

Answer 2

没有看到您的标记（这将有助于分享），看起来第 9 行是您的问题：

header#mast{margin:0 0 0 0px;width:1200px;position:fixed;top:0px;left:0%;z-index:100;}

将其更新为：

header#mast{margin:0 0 0 -600px;width:1200px;position:fixed;top:0px;left:50%;z-index:100;}

（注意左边left:50%距-600px（元素宽度的一半）。

Answer 3

如果您包装您的#mast和#primary-nav' elements in adivthat has a style of边距：0px auto`，这应该会导致所有内容在您展开窗口时继续与页面的其余部分居中。

就横幅结尾而言，将样式添加width: 100%到负责它的元素中，以便在您扩大窗口时产生无限扩展。

编辑

由于您已经添加了网站，请将标头的内容放在以下标记中：

<div class="container container-twelve">...</div>

这将使您的图像、文本和链接居中。