我是否可以制作一个flexbox，因此它的子项继承了屏幕的高度，并在这样做的过程中，使最后一个子项粘在底部？
我是否可以制作一个flexbox，因此它的子项继承了屏幕的高度，并在这样做的过程中，使最后一个子项粘在底部？
提问于 2019-08-07 05:11:19
关于flexbox，有一个我既理解又不理解的特性：
如果我要声明以下内容：
#container {
display: flex;
border: 1px solid gray;
flex-direction: column;
}
.one {
height: 100px;
width: 100px;
background-color: red;
display: block;
}
.two {
height: 100px;
width: 100px;
background-color: green;
display: block;
}<div id="container">
<div class="item one"></div>
<div class="item two"></div>
</div>
容器基本上会继承它所拥有的任何子对象的高度。
现在事情是这样的:几乎每个布局都有主容器，即“一切都在这里”类型的div。
但现在发生的情况是，如果孩子们自己还不够高，不能让最后一个孩子“坚持到底”，你就会有一个如下所示的布局：
但这里的问题是，如果你让所有孩子的身高占总身高的百分比，那么事情就会变得非常丑陋，真的很快。
为什么flex选择这样做，我们如何解决这个问题？
Stack Overflow用户
发布于 2019-08-07 14:30:41
我会将页脚放在最后一个独立于容器的div中。
<div class="content-main">
<div class="main-content">
</div>
</div>
<div class="footer-content">
</div>如果您正在使用的wordpress模板是编码的，则页脚与主内容位于相同的容器中。我会链接到站点/和/或测试站点，这样我们就可以更好地找出根本原因，因为您发布的图像没有显示浏览器窗口，所以我看不到底部有多大的空间。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/57384048
复制相关文章
相似问题
腾讯云开发者
