引导 Div 的最小高度

Question

我的页面中有一个横幅。我用引导程序管理设计。 id 为“mybanner”的图像是从代码动态创建的。所以有时我的代码可能根本没有图像元素。 我想为 div id“myhorizo​​ntalbanner”指定一个最小高度，所以如果根本不存在要显示为横幅的 div id“myhorizo​​ntalbanner”，则使用红色。

图像存在时我的代码

<div class="row">
    <div class="col-12 bg-red-banner">
      <div class="row" id="myhorizontalbanner">
        <img id="mybanner" src="images/mybannerimage.jpg" class="img-fluid" />  <!--This Image 
         element is comming dynamically-->          
      </div>
    </div>
</div>

我没有图片时的代码

<div class="row">
  <div class="col-12 bg-red-banner">
      <div class="row" id="myhorizontalbanner">
                  
      </div>
  </div>

Answer 1

您是否尝试过使用 min-height ？
例如：

#myhorizontalbanner {
  min-height: 150px;
}