使div与文本高度相同

Question

我希望div .omschrijving与其中的文本具有相同的高度。

这是我目前的HTML：

<div class="aProduct">
    <div class="omschrijving">
        <span class="entry inner">
            Mundo Melocoton Short Aqua Blauw enzo bla bla bla bla bla bla bla
        </span>
    </div>
</div>

这是我的CSS：

.aProduct {
    margin-bottom: 26px;
    padding-bottom: 28px;
    border-bottom: 2px solid #dcd8d7;
}

.aProduct .omschrijving {
    line-height: 26px;
    background: #cac;
    display: inline-block;
    height: auto;
}

这是目前的结果：

正如您所看到的，当文本变得太长时，div的高度不会增加。有没有办法做到这一点？

Answer 1

删除height属性。指定元素的高度时会发生此效果，但内部内容高于父级。