背景不是应该在哪里[CSS / HTML]

Question

我刚开始学习CSS / HTML，我正在复制BBC的网站。我有3个不同的背景[白色/ 2个红色]，它们不是它们应该的长度

这是代码： http://jsbin.com/viyuxomiyu/edit?html,output

newsbar，＃topicmenu，＃topmenudiv

我已经尝试过在类似问题中推荐的所有内容，但我仍然无法获得跨越整个页面的背景。

Answer 1

如果div具有固定宽度，您将无法将背景扩展为100％宽度。你应该做的是包装div：

<div style="width: 100%, background-color: red"> // full width
    <div class="fixedwidth" style="margin: auto"> //Content div. Margin auto will make the div centered horizontally