HTML5元素仅扩展到窗口的大小

Question

我正在整理HTML5页面。我注意到，在诸如"标头"one_answers"页脚"之类的元素中没有指定宽度的div仅填充窗口的宽度。因此，例如，如果您有：

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

然后您将窗户的大小减少到960px以下（例如600px）并水平滚动，" header-background"只会延伸至600px，在右边是一个空白。

>

即使在stackoverflow.com

有办法解决吗？

Answer 1

默认情况下，任何块级别元素都会占据页面宽度的100％。如果您的宽度无法（或不想）陷入困境，则可以使用min-width

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