全宽浏览器div

Question

最近我发现你怎么能把div填满整个页面。 但我使用这种方法：

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

但是当我使用position: fixed;时，其他div会陷入其中 只是搞砸了。

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

我可以使用背景方法 - ＆gt; background-size: cover; 或者我必须使用position: fixed;

修改

屏幕截图：http://imgur.com/a/aFfc5#2

Answer 1

您需要在标题下的元素处应用填充顶部以占用此空间。

所以如果＃fullWidthHeader.height = 100px

下面的内容是：

.content{
  padding-top: 100px;
}

这是你在找什么？

Answer 2

在您的全宽标题上尝试此操作，将宽度设置为100％，添加display:table;。它应该工作。你不需要任何固定的位置，亲戚会做得很好。