1

我希望一个 div 是一个特定的高度，直到它的内容需要更多空间。

让我进一步解释一下：

<html>
<section>
<div id="container">
<?php while($row =mysql_fetch_array($result)){
echo '<h2>'.$row["title"].'</h2>';
echo $row["body"];
echo $row["user"];}
</div>
</section>
</html>

现在我希望带有 ID 容器的 DIV 具有 200px 的高度，即使它是空的，但随着更多内容被填充到它，它现在应该是响应式的并且尺寸会增加，我不想使用 height:100px 因为那是现在仍然是我想要的。

4

1 回答 1

3

这就是你想要的：

min-height:100px;

默认情况下，它的高度为 100 像素，即使没有内容，也会在需要时展开。

JSFiddle 演示

示例 CSS

.min { min-height:100px; width:100px; background:#ccc; margin:10px; }

示例 HTML

<div class="min"></div>
<div class="min">
    <p>Lorem ipsum dolor sit amet,</p>
    <p>Lorem ipsum dolor sit amet,</p>
    <p>Lorem ipsum dolor sit amet,</p>
    <p>Lorem ipsum dolor sit amet,</p>
    <p>Lorem ipsum dolor sit amet,</p>
    <p>Lorem ipsum dolor sit amet,</p>
    <p>Lorem ipsum dolor sit amet,</p>
    <p>Lorem ipsum dolor sit amet,</p>
    <p>Lorem ipsum dolor sit amet,</p>
</div>
于 2013-07-03T14:32:37.340 回答