Css Bootstrap中定位的具体方式

假设我有两个div，类为“row”，我希望第二个div始终位于div的最底部，类为“section”（底部：0）

下面是更好地说明它的代码：

<div class="section">
  <div class="row"></div>
  <div class="row"></div>
</div>

“截面”类别的div高度为100vh

---

第一行占据了大约70%的屏幕高度，我希望第二行始终位于页面底部，但也不要在屏幕高度变小时干扰第一行的内容。我如何定位这些div？

给你。如果第二行大于视口的高度，则向第一行添加内容将向下推第二行。在非常小的屏幕上，你会得到一个垂直的滚动条

body，html{
最小高度：100%；
}
.科{
高度：100vh；
}
.第一排：第一个孩子{
背景：黑色；
颜色：白色；
最小高度：计算（100%-40px）；
}
.第行：第n个孩子（2）{
背景：蓝色；
高度：40px；
}

---

给你。如果第二行大于视口的高度，则向第一行添加内容将向下推第二行。在非常小的屏幕上，你会得到一个垂直的滚动条

body，html{
最小高度：100%；
}
.科{
高度：100vh；
}
.第一排：第一个孩子{
背景：黑色；
颜色：白色；
最小高度：计算（100%-40px）；
}
.第行：第n个孩子（2）{
背景：蓝色；
高度：40px；
}

希望您至少尝试自己编写代码。堆栈溢出不是代码编写服务。我建议你做一些额外的研究，要么通过谷歌，要么通过搜索，尝试一下。如果您仍然有问题，请返回您的代码，并解释您尝试了什么以及为什么它不起作用。bootstrap是一个行布局框架，为了垂直对齐某些内容，您必须编写与bootstrap无关的CSS。我们希望您至少尝试自己编写此代码。堆栈溢出不是代码编写服务。我建议你做一些额外的研究，要么通过谷歌，要么通过搜索，尝试一下。如果您仍然有问题，请返回您的代码，并解释您尝试了什么以及为什么它不起作用。bootstrap是一个行布局框架，要垂直对齐某些内容，您必须编写与bootstrap无关的CSS。谢谢。我想这就是我想做的。谢谢。我想这就是我想做的。