Question

我希望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，因为那仍然是我想要的。

Answer 1

这就是你想要的：

min-height:100px;

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

<强> JSFiddle Demo

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>

css中高度的条件语句

1 个答案: