Divが動的に成長する

Question

divが私のビューで動的に成長するのを避けるにはどうすればいいですか？私は別のビューを表示させたいのは、私がコントローラーに自分のアクションに入れた$ 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; 

を必要に応じて、あなたはそれが助けにはならないのdiv