使div背景高度为100％

Question

我如何将div的背景高度设置为100％，具体取决于其父级的高度： 这就是我现在所拥有的：

我想用背景颜色的红色填充所有空间：

这是我的HTML代码：

<div class="row" style="margin-bottom: 20px">
        <div class="col-6"><img style="width: 100%" src="https://cdn.pixabay.com/photo/2016/09/01/10/23/image-1635747_960_720.jpg"></div>
        <div class="col-6 class1">
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod</p>
        </div>
    </div>
    <div class="row">
        <div class="col-12">
            <img src="https://cdn.pixabay.com/photo/2016/09/01/10/23/image-1635747_960_720.jpg" style="width:100%">
        </div>
    </div> 

那是我的css：

.class1{
            background-color: yellow;
            height: 100%;
        }

感谢您的帮助：-）

Answer 1

请参考以下链接： https://jsfiddle.net/ulric_469/7mh4vs6p/6/

为图像添加高度100％

    .row {
     display: flex;
     align-items: stretch;
   }

   .row > div {
     flex: 1
   }