Question

我无法找到一种方法在我的页面中创建一个像div一样的块，其高度自动适合其内容的高度，所有这些div都有1000px的固定宽度，我很容易设置它们的高度与像素一样正确，但内容的大小会发生很大变化，并且不断改变div高度也是令人沮丧的。

这是我div的现有css样式

.start-block {
    width: 100%;
    padding: 10px;
    font-size: 14px;
}

这里是div里面的样子：

<div style="float:right">
    <div class="start-description">
        <p>something</p>
    </div>
    <ul class="start-list">
        <li>stuff</li>
        <li>stuff</li>
    </ul>
</div>

Answer 1

您可以将div设置为高度为100％。但是，这只是它的父容器的100％。因此，在您的示例中，您还需要将html / body标记设置为100％，如下所示：

html {
    height: 100%;
}

body {
    height: 100%;
}

.start-block {
    width: 100%;
    padding: 10px;
    font-size: 14px;
    height: 100%;
}

如何使<div>高度等于其内容的组合高度

1 个答案: