2014-02-21 26 views
0

最近我发现你如何能做到这一点的DIV充满了整个页面。 但我用这个方法:全宽器div的

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

但是,当我使用position: fixed;其他的div找到其下的粘和 刚刚得到弄糟。

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

我可以做喜欢的背景方法 - >background-size: cover; 或做我必须使用position: fixed;

编辑

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

+0

你可以提供一个屏幕截图?我不明白你的意思。 – witherwind

+0

默认情况下,div是块级元素,它们的父级宽度的100%。 – j08691

+0

只需删除位置:固定。它们默认为全宽。 –

回答

0

您需要应用的填充,顶部标题下的元素来解释这个空间。

所以,如果#fullWidthHeader.height = 100像素下它

内容将是:

.content{ 
    padding-top: 100px; 
} 

这是你在找什么?

+0

没有,我只希望#fullWidthHeader覆盖从孔页从左到右,像这里http://imgur.com/43T0jZX –

0

试试这个在您的全宽头,用你的宽度设置为100%,加入display:table;。它应该工作。你不需要任何固定的位置,亲戚会做得很好。