div不会扩展浮动内容的高度

是指当一个div容器中包含了浮动元素时，该div容器的高度不会自动扩展以适应浮动元素的高度。

浮动元素是指通过CSS的float属性将元素从正常的文档流中脱离出来，使其向左或向右浮动。浮动元素常用于实现多列布局或图文混排等效果。

当一个div容器包含了浮动元素时，由于浮动元素脱离了正常的文档流，div容器无法感知到浮动元素的高度，因此不会自动扩展以适应浮动元素的高度。这会导致div容器的高度变为0，从而影响布局和显示效果。

解决这个问题的常用方法是使用清除浮动。清除浮动是指在浮动元素后面添加一个空的元素，并设置clear属性为both，使其清除前面的浮动元素，从而使div容器能够正确地扩展高度。

以下是一个示例代码：

<style>
    .container {
        border: 1px solid #ccc;
        overflow: hidden; /* 清除浮动 */
    }
    .float {
        float: left;
        width: 100px;
        height: 100px;
        background-color: #f00;
        margin-right: 10px;
    }
</style>

<div class="container">
    <div class="float"></div>
    <div class="float"></div>
    <div class="float"></div>
</div>

在上述代码中，通过给容器div添加overflow: hidden;属性，可以清除浮动，使得容器能够正确地扩展高度以适应浮动元素。

推荐的腾讯云相关产品：无

参考链接：

• CSS浮动（float）详解
• CSS清除浮动的几种方法