Div动态成长

时间:2016-11-02 17:59:18

标签: php html css yii yii2

我怎样才能避免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>

1 个答案:

答案 0 :(得分:1)

如果我理解得对,你想要修正div的高度吗?如果是这样,只需在CSS中设置所需的高度:

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

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