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

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;

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

Why is my banner size still big?

html

css

banner