Question

我创建了一个div容器宽度，其中包含一些子div。孩子通过img标签以百分比宽度显示图片。

当我检查父div的高度时，我的浏览器显示它是0px，即使子div内的图片的高度非零。

当我只使用宽度百分比时，如何将父div自动设置为最大孩子的高度？当我手动调整浏览器中的图像大小时，这也必须有效。

我尝试用jQuery设置父div的高度和宽度，但它只能运行一次而不是动态的。当我重新加载页面时，该函数将设置高度为16px。

Answer 1

我不确定我是否正确理解了您的问题，但这是您正在寻找的吗？

HTML：

<div class="out">
    <div class="in"></div>
</div>

CSS：

.out {
    background-color: blue;
}
.in {
    background-color: green;
    height: 50px;
    width: 50%;
}

Answer 2

使用Parent div

尝试此css

overfolw:auto;

对于父div

dispaly:table;

对于儿童div：

display:table-row;