完整的浏览器宽度条

Full Browser Width Bars

我有这个网站:

http://77.104.141.197/~tommasom/otodi/

我需要在 header(蓝色全角)上实现这个结果。

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

有什么建议吗?

试试这个:

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

只需将此代码添加到您的 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;
}