0
我想將標題移動到最頂部。但它不會,這裏的小提琴http://jsfiddle.net/DCtH7/4/標題將不會到頂部的邊緣
正如你在小提琴中看到的那樣,標題上方有一個空白區域。我試過padding: 0
但它不起作用。
我想將標題移動到最頂部。但它不會,這裏的小提琴http://jsfiddle.net/DCtH7/4/標題將不會到頂部的邊緣
正如你在小提琴中看到的那樣,標題上方有一個空白區域。我試過padding: 0
但它不起作用。
添加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;
}
這也將解決這個問題,而無需使用任何絕對位置
我建議不要使用'position:absolute;',因爲它會將'header'移出流。因此,在你的第一個小提琴中,你可以看到'父容器'被推到底下,重疊在'標頭' – Xareyo
確實這就是爲什麼我建議第二個解決方案太 –
謝謝,我知道這是非常基本的遺憾, HTML – user3336090