全宽浏览器 div

Question

最近我发现了如何做到这一点，div填满了整个页面。但我使用了这种方法：

#fullWidthHeader {
width: 100%;
top: 0px;
left: 0px;
position: fixed;
}

但是当我使用position: fixed;时，其他div 会卡在它下面并且只是搞砸了。

无论如何我可以做全宽浏览器div 但没有 position: fixed;还是box-shadow方法？

我可以像后台方法一样做吗 --> background-size: cover;还是我必须使用position: fixed;

编辑

截图 ： https://i.stack.imgur.com/Y2vMP.jpg

Answer 1

您需要对标题下的元素应用填充顶部以考虑此空间。

因此，如果 #fullWidthHeader.height = 100px

它下的内容将是：

.content{
  padding-top: 100px;
}

这是你要找的吗？

Answer 2

在全宽标题上尝试此操作，宽度设置为 100%，添加 display:table; 。它应该有效。你不需要任何固定的位置，相对会做得很好。