自动扩展div的背景颜色及其内容

Question

我有div，里面有三段。 并且父div具有背景颜色集。 我希望在段落内容增加时垂直展开父height的{​​{1}}。

HTML：

div

CSS：

<div class="cart-item"> 
    <p class="item-name">We will reinforce some test dat some test data</p>  
    <p class="item-price">25.87</p>
    <p><input type="text" id="txtCount" maxlength="2" class="prod-qty" name="quantity" value="1"></p>   
</div>

Answer 1

您只需添加：

.cart-item {
    overflow: hidden;
}

或使用明确修复：

.cart-item:after {
    content: "";
    display: table;
    clear: both;
}