完整的浏览器宽度条
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;
}
我有这个网站:
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;
}