2014-02-21 60 views

回答

-1

添加position: absolute到頭部

header { 
    background: rgb(0, 0, 0); 
    background: rgba(0, 0, 0, 0.5); 
    color: white; 
    width: 100%; 
    height: 34px; 
    box-shadow: 0px 3px 3px black; 
    margin: 0 auto; 
    position: absolute; 
} 

一個例子:http://jsfiddle.net/DCtH7/6/

作爲一種替代方式變化餘量來填充這裏:

header #header-content { 
    padding: 10px; 
} 

這也將解決這個問題,而無需使用任何絕對位置

舉例:http://jsfiddle.net/DCtH7/7/

+1

我建議不要使用'position:absolute;',因爲它會將'header'移出流。因此,在你的第一個小提琴中,你可以看到'父容器'被推到底下,重疊在'標頭' – Xareyo

+0

確實這就是爲什麼我建議第二個解決方案太 –

+0

謝謝,我知道這是非常基本的遺憾, HTML – user3336090