Css HTML5元素只能延伸到窗口大小

我正在整理一个HTML5页面。我注意到，在“header”和“footer”等元素中没有指定宽度的div只填充窗口的宽度。例如，如果您有：

<header>
   <div id="header-background" style="background: #ddd">
      <h1 style="width:960px">Hello World</h1>
   </div>
</header>

你好，世界

如果将窗口大小减小到960px（例如600px）以下并水平滚动，“标题背景”将仅延伸到600px，右侧将是空白

你甚至可以在stackoverflow.com上看到这一点

---

有办法解决这个问题吗？

默认情况下，任何块级元素都将占据100%的页面宽度。如果您有一个无法（或不想）进入的宽度，则可以使用

min width

header { 
    min-width: 960px;
    width: auto; 
}

---

这与HTML5或一般的HTML有什么关系？stackoverflow甚至不使用这些新的语义元素。“可以在stackoverflow.com上看到这个动作”什么动作？所以有一个固定宽度的布局-没有流体布局。“有办法解决这个问题吗？”围绕什么？我不明白你的问题是什么…