将HTML标记设置为100%高度

我正在尝试为HTML元素设置100%的高度。 在mobile上，此div将位于.div_left div下，浮动将被清除

我的主题是：

<div class="col-md-7 div_left"></div>
<div class="col-md-5 div_right"></div>
<div class="clearfix"></div>

我尝试

高度：100vh但当页面有很多内容时，这不起作用，我可以垂直滚动页面

我还尝试了
minheight:100%
，但没有成功。我可以看到右边的div灰色背景，但那只是因为它有填充


第二次尝试：
在整行使用最小高度100vh

.div_left{ background:#fff; padding:40px;}
.div_right{ background:#ccc; padding:40px;}

.mvh-100 {
    min-height: 100vh;   
}


桌面：


流动电话：

使用
高度：100%父元素应具有
高度：fixedHeight因为它不适合你


%以包含块的百分比定义高度

你需要定义的是：100%什么

以下是有关
vh


有人说：

视口百分比长度相对于初始包含块的大小。当初始包含块的高度或宽度更改时，它们将相应地缩放

你能澄清你的问题吗？向我们展示它现在的样子以及您希望它看起来像什么？例如，请清理到HTML，并提供足够的内容来重新编写该问题。你为什么不使用
minheight:100vh
？我写道，这就是为什么100vh不起作用。你说
height:100vh
和
minheight:100%
不起作用，不是
minheight:100vh
。请澄清这个问题以及你到底尝试了什么。“当页面有很多内容，我可以垂直滚动”到底是什么意思？预期的行为是什么？额外的内容是否会被隐藏且不可访问？你希望滚动条出现在其他地方吗？我在帖子中添加了一个图像。你可以在上面看到，我有很多内容，我在网站上向下滚动。当我滚动时，灰色背景将结束，这就是100vh不工作的原因。否。我在帖子中添加了一张图片，上面有第二个名字。这就是你的代码的作用，我把它复制到我的文件中。不，这不是代码的作用。看演示。你没有确切地说明你所期望的是什么。如果它不起作用，你有其他CSS或HTML影响布局。在HTML中，div有flex类。css中添加了哪些内容？它们是引导的一部分，但是
minheight:100vh
不需要它们。您将看到演示也可以很好地工作，没有这些，但它们可以用于更改桌面与移动布局。但既然你还没有弄清楚会发生什么，那完全是猜测。现在我明白了，我在mv-100类中添加了display:flex。现在，高度很好，但在移动视图中，div是浮动的，它们彼此不在下面。
.div_left{ background:#fff; padding:40px;}
.div_right{ background:#ccc; padding:40px;}

.mvh-100 {
    min-height: 100vh;   
}