完整的浏览器宽度栏

Question

我有这个网站：

http://77.104.141.197/~tommasom/otodi/

我需要在标题上实现此结果（蓝色全宽）。

我尝试了这个解决方案：https://css-tricks.com/full-browser-width-bars/但没有运气。

有什么建议吗？

Answer 1

只需将此代码添加到CSS：

.header-row {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    padding: 0 10% 0 10%;
    z-index:10;
}

html.boxed .body {
    margin-top: 90px;
}

Answer 2

试试这个：

header {
  width: 100vw;
  background-color: blue;
  height: 100px;
}

<header></header>