Как дочерним div задать высоту родительского?

Question

[Aleksandr Zhuravlev]

Как сделать, чтобы дивы с классом services-box-bg, принимали высоту родительского контейнера? Почему не работает height: 100%;?

Html код:

<div class="row services-box">

    <div class="col-md-4">
        <div class="services-box-bg">
            <p>Текст</p>
        </div>
    </div>

    <div class="col-md-4">
        <div class="services-box-bg">
            <p>Текст</p>
        </div>
    </div>

    <div class="col-md-4">
        <div class="services-box-bg">
            <p>Текст</p>
        </div>
    </div>

</div>

Css код:

.services-box{
    padding-top: 10px;
    padding-bottom: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.services-box p{
    text-align: center;
    margin-top: 10px;
}
.services-box-bg{
    background-color: #b4b4b4;
    margin: 10px;
    padding: 20px;
    height: 100%;
}

Спасибо!

Answer 1

[Антон Шаманов]

например, можно помощью display: table / table-cell

Answer 2

[Rithmsamba]

Родителем для services-box-bg является col-md-4