css中背景图怎样才可以全部显示出来？

左边是显示出来的图片，右边是原图，为什么背景图没有100%全部显示出来呢？怎样子才可以把背景图全部显示呢？
CSS代码：

.pro-pb .php {
    float: left;
    padding: 45px 30px 0px 37px;
    margin-bottom: 60px;
    background: url(images/php.png);
}

HTML代码：

        <div class="pro-pb">
            <div class="php">
                <h3>PHP入门 :</h3>
                <h3>基础语法到实际运用</h3>
                <p><a href="#">零基础入门：语法与界</a></p>
                <p><a href="#">进阶：网络与数据缓存</a></p>
                <p><a href="#">界面到数据存储</a></p>
            </div>

我知道啦！盒子加个height高度就可以显示全图啦

加上这个 background-size: 100% 100%;