如何使网站的标题全宽？

Question

我需要知道如何使标题图片覆盖网站的整个宽度：

HTML：

<header>
    <div id="header" align="center">
        <img name="Antique Picture" src="C:\website\Header.jpg" alt="logo">
</header>

CSS：

header {          
}

以下是我要做的事情的截图：

Answer 1

首先不要使用align="center"，然后在width:100%

中使用img

body {
  margin: 0
}
img {
  width: 100%
}

<header>
  <img name="Antique Picture" src="//placehold.it/1500x900" alt="logo" />
</header>

根据您更新的问题

更新

这是怎么做的

body {
  margin: 0
}
header {
  background: red
}
img {
  max-width: 100%;
  width: 300px;
  margin: auto;
  display: block
}

<header>
  <img name="Antique Picture" src="//placehold.it/1500x900" alt="logo" />
</header>

Answer 2

<img name="Antique Picture" src="C:\website\Header.jpg" alt="logo" width="100%">

在上面的图片代码中，您需要将宽度添加为100％。