巨大的横幅填充

Question

我在网页中添加了横幅，www.torontopoet。com/etsystories 现在横幅下方是内容开始之前的一大块空白 space。这是我用于横幅的代码：

<div id="banner"> 
</div>
 <style>
html,body
{ height:100%;
width:100%;
}
#banner {
background:url('.png');
width:100%;
height:100%;
background-size:100%;
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
 }
</style>

Answer 1

没有看到你的HTML，我真的无话可说，但是...

#banner {
background:url('.png');
width:100%;  
height:100%; <!--- ? --->
background-size:100%;
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
}

您确定要横幅达到其容器高度的 100% 吗？

Answer 2

html,body
{ 
height:100%;
width:100%;
}
#banner 
{
background:url('http://cdn2.hubspot.net/hubfs/418991/realview.jpg');
width:400px;
height:251px;
display:block;
background-size:cover;
background-repeat: no-repeat;
margin:0 auto;
}

巨大的横幅填充

Huge Banner Padding

html

css

padding

banner