Css 将100%宽度和背景粘贴到flex div的底部

我把这两个div放在一个flex容器中。我需要第二个div在调整大小时保持背景图像的纵横比而不裁剪图像，背景图像需要在整个调整大小过程中保持100%的宽度，同时还包含所有div内容。不确定我需要做什么才能正常工作。我包括了一把小提琴

乱数假文

同侧隐窝
同侧隐窝
同侧隐窝
同侧隐窝

同侧隐窝

Lorem ipsum dolor sit amet，奉献精英。山茱萸。化名沃卢帕斯，临时生命。这是一种腐败，是一种必须的腐败。

lorem按钮
.v0{
显示器：flex；
柔性包装：nowrap；
证明内容：之间的空间；
填料：2米；
}
.v-list{
显示器：flex；
柔性包装：包装；
}
李国荣{
弹性基准：100%；
边缘底部：1米；
}
.v2{
弹性基准：50%；
z指数：1；
}
.v3{
背景重复：无重复；
背景位置：中底；
背景尺寸：封面；
最小高度：515px；
最小宽度：50vw；
}
.v4{
填充：1em；
}

通过使用位于文本后面的

img

，我们可以更容易地解决这个问题

在这里，我从图片上切下一部分蓝色，给背景以相同的蓝色，这样，文本将始终位于山的上方

堆栈片段

.v0{
显示器：flex；
柔性包装：nowrap；
证明内容：之间的空间；
填料：2米；
}
.v-list{
显示器：flex；
柔性包装：包装；
}
李国荣{
弹性基准：100%；
边缘底部：1米；
}
.v2{
弹性基准：50%；
z指数：1；
}
.v3{
背景重复：无重复；
背景位置：中底；
背景尺寸：包含；
背景色：#80C2FE；
宽度：50vw；
}
.v4 p、.v4 h3、.v4 a{
填充：1em 1em 0；
}
.v4 img{
宽度：100%；
}

乱数假文

同侧隐窝
同侧隐窝
同侧隐窝
同侧隐窝

同侧隐窝

Lorem ipsum dolor sit amet，奉献精英。山茱萸。化名沃卢帕斯，临时生命。这是一种腐败，是一种必须的腐败。

lorem按钮

文本怎么不这样做呢。。。图像的100%宽度是什么。。。更新的摆弄边框：这是什么？这可能是可以接受的，这里是一个应该是可用的张贴作为一个解释的答案

<div class="v0">
<div class="v2">
<h2>lorem ipsum</h2>
<ul class="v-list">
  <li>lorem ipsum dolet</li>
  <li>lorem ipsum dolet</li>
  <li>lorem ipsum dolet</li>
  <li>lorem ipsum dolet</li>
</ul>
</div>
<div class="v2">
<div class="v3" style="background-image:url(http://images.all-free-download.com/images/graphicthumb/winter_sunrise_in_the_mountains_312220.jpg);">
  <div class="v4">
    <h3>Lorem ipsum dolet</h3>
    <p>
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae officia neque, rem placeat. Alias voluptas, tempore vitae ad incidunt. Amet dolor voluptates iure, corrupti esse perferendis dolores dolorem, sunt necessitatibus.
    </p>
    <a class="b1">lorem button</a>
  </div>
</div>
</div>
</div>


.v0 {
 display: flex;
 flex-wrap: nowrap;
 justify-content: space-between;
 padding: 2em;
}

.v-list {
 display: flex;
 flex-wrap: wrap;
}

.v-list li {
 flex-basis: 100%;
 margin-bottom: 1em;
}

.v2 {
 flex-basis: 50%;
 z-index: 1;
}

.v3 {
 background-repeat: no-repeat;
 background-position: center bottom;
 background-size: cover;
 min-height: 515px;
 min-width: 50vw;
}

.v4 {
 padding: 1em;
}