css中高度的条件语句 - Conditional statement for height in css

Conditional statement for height in css

本文关键字：条件语句高度 css | 更新日期: 2023-09-27

我希望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，即使它是空的，但随着越来越多的内容被填充到它中，它现在应该是有响应的，并且大小会增加，我不想使用高度：100px，因为这仍然是我现在想要的。

这就是您想要的：

min-height:100px;

默认情况下，即使没有内容，它也会是100px高，如果需要，它会扩展。

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>