如何将页眉设为整个页面的宽度

Question

我正在尝试弄清楚如何使标题的宽度横跨整个页面。我想这样做并将通知部分向下推。目前它已切断，如下图所示：

我希望它看起来像这样

html

  <header>
    <div>
      <app-ao-logo>

      </app-ao-logo>
   </div>
  </header>

我从此更新了CSS：

css

 header {
   margin:auto;
 }

对此：

header {
    width: 100vw;
}

这会拉伸标题，但通知部分不会被下推。

Answer 1

最好的方法是使用CSS来设置元素相对于页面宽度的宽度：

header {
  /* ... */
  width: 100vw;
}