html - 为什么我的横幅尺寸仍然很大？

Question

我正在尝试减小横幅的总尺寸:我已将图片尺寸减小到 50%，但仍然有一个白色背景没有改变。我不想要它，或者想让它和图片一样大，因为它目前太大了。以下是我的 html 代码:

<section id="banner"></section>

以及以下 CSS:

#banner {
    background-image:url('../images/banner-2.png');
    background-position: center center;
    background-size: 100% 50%;
    background-repeat:no-repeat;
    color: #ffffff;
    padding: 14em 3em 14em;
    text-align: center;}

以下是我的 fiddle :http://jsfiddle.net/dexoey/vtdscvxk/

在这里你可以看到额外的白色背景看起来如何:http://imgur.com/nnvbri3

Answer 1

看起来 padding 就是给您带来麻烦的原因。尝试减少它:

padding: 10em 3em 10em;