div动态增长

Question

如何避免 div 在我看来动态增长。我想让不同的视图显示取决于我在 Controller 中放入的 $type 参数。但现在它工作起来很奇怪，视图不显示内容，但如果条件是 2 或 3（欧元或 RUR），则视图显示，如 div 的在该视图内。

查看：

<?php

/* @var $this yii\web\View */

use yii\helpers\Html;

$this->title = 'Курс валют';
?>
<div>

    <h2> Курс валют на сегодня</h2>
    <div class="banks">
        <h3>Банки:</h3>
        <h4>ПриватБанк</h4>
        <h4>НБУ</h4>
        <h4>МежБанк</h4>
        <h4>Черный рынок</h4>
    </div>
    <?php if($type == 'USA') {?>
    <div class="buy">
        <h3> Покупка </h3>
        <p><?php print_r($privatdata[2]["buy"])?></p>
        <p><?php print_r($nbudata[14]["rate"])?></p>
        <p><?php print_r($mejdata[0]["Buy"])?></p>
        <p><?php print_r($blackdata[0]["Buy"])?></p>
    </div>
    <div class="sale">
        <h3> Продажа </h3>
        <p><?php print_r($privatdata[2]["sale"])?></p>
        <p><?php print_r($nbudata[14]["rate"])?></p>
        <p><?php print_r($mejdata[0]["Sale"])?></p>
        <p><?php print_r($blackdata[0]["Sale"])?></p>
    </div>
    <div class="avg_rate">
        <h3>Средний курс на сегодня:</h3>
        <?php print_r($avgUSA)?>
    <?php }?>
    </div>

<?php if($type == 'Euro') { ?>
    <div class="buy">
        <h3> Покупка </h3>
        <p><?php print_r($privatdata[0]["buy"])?></p>
        <p><?php print_r($nbudata[23]["rate"])?></p>
        <p><?php print_r($mejdata[1]["Buy"])?></p>
        <p><?php print_r($blackdata[1]["Buy"])?></p>
    </div>
    <div class="sale">
        <h3> Продажа </h3>
        <p><?php print_r($privatdata[0]["sale"])?></p>
        <p><?php print_r($nbudata[23]["rate"])?></p>
        <p><?php print_r($mejdata[1]["Sale"])?></p>
        <p><?php print_r($blackdata[1]["Sale"])?></p>
    </div>
    <div class="avg_rate">
        <h3>Средний курс на сегодня:</h3>
        <?php print_r($avgEuro)?>
    <?php }?>
    </div>

    <?php if($type == 'RUR') { ?>
        <div class="buy">
            <h3> Покупка </h3>
            <p><?php print_r($privatdata[1]["buy"])?></p>
            <p><?php print_r($nbudata[28]["rate"])?></p>
            <p><?php print_r($mejdata[2]["Buy"])?></p>
            <p><?php print_r($blackdata[2]["Buy"])?></p>
        </div>
        <div class="sale">
            <h3> Продажа </h3>
            <p><?php print_r($privatdata[1]["sale"])?></p>
            <p><?php print_r($nbudata[28]["rate"])?></p>
            <p><?php print_r($mejdata[2]["Sale"])?></p>
            <p><?php print_r($blackdata[2]["Sale"])?></p>
        </div>
        <div class="avg_rate">
            <h3>Средний курс на сегодня:</h3>
            <?php print_r($avgRUR)?>
        <?php }?>
        </div>
</div>
<div class="links">
<?= Html::a('USA', ['index.php/rates', 'type' => 'USA']) ?>
<?= Html::a('Euro', ['index.php/rates', 'type' => 'Euro']) ?>
<?= Html::a('RUR', ['index.php/rates', 'type' => 'RUR']) ?>
</div>
<style>
div {
    display: inline-block !important;
}
.avg_rate {
    vertical-align: top;
}
</style>

Answer 1

如果我没有理解错，你想固定 div 的高度吗？如果是这样，只需在 CSS 中设置您想要的高度：

height: 100px; 
max-height:100px;

您可以选择使用overflow: auto，在 div 上显示滚动条