2014-02-21 27 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;。它應該工作。你不需要任何固定的位置,親戚會做得很好。