【问题标题】:Conditional statement for height in csscss中高度的条件语句
【发布时间】:2019-07-26 11:32:50
【问题描述】:

我希望 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 的高度为 200 像素,即使它是空的,但随着更多内容被填充到其中,它现在应该是响应式的并且尺寸会增加,我不想使用高度: 100px,因为这仍然是我想要的。

【问题讨论】:

    标签: php html mysql css


    【解决方案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>
    

    【讨论】:

    • 别担心!我只对其进行了编辑以包含 html,不知道为什么它也被否决了:s.
    猜你喜欢
    • 2013-03-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-05-16
    • 2017-06-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多