Div动态成长


Div grow up dynamically

如何避免div在我的视图中动态增长?我想让不同的视图显示取决于我在控制器中输入的$type参数。但是现在它的工作方式很奇怪,视图不显示内容,但如果条件是2或3(欧元或RUR),视图显示像div's在视图内。

视图:

<?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>

如果我理解对了,你想要固定一个div的高度?如果是,只需在CSS中设置你想要的高度:

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

可以选择使用overflow: auto,在div

上显示滚动条