大佬教程收集整理的这篇文章主要介绍了HTML – Chrome中是否存在带有对齐内容的错误：space-between和min-height？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
.container { display: flex; flex-direction: column; justify-content: space-between; min-height: 150px; BACkground-color: #cbcbcb; }
<div class="container"> <div>should be on the TOP</div> <div>should be on the BOTTOM</div> </div>
我在Firefox中得到了可预测的结果：
但在Chrome中,我得到了下一个结果：
为什么我在底层元素下获得这个空间？
它可以通过改变css min-height到height来修复,但在我的上下文中,这里有min-height值很重要.
附：此行为仅在Chrome和Canary中重现,并且似乎仅在Windows上.
我的环境：Chrome版本56.0.2924.87(64位)和Win 10
在任何情况下,您都可以使用自动保证金解决它：
.container { display: flex; flex-direction: column; min-height: 150px; BACkground-color: #cbcbcb; } .container > div:last-child { margin-top: auto; }
<div class="container"> <div>should be on the TOP</div> <div>should be on the BOTTOM</div> </div>
Flex自动边距是规范的一部分,可用于对齐flex项目.
这里有完整的解释：@L_674_3@
以上是大佬教程为你收集整理的HTML – Chrome中是否存在带有对齐内容的错误：space-between和min-height？全部内容，希望文章能够帮你解决HTML – Chrome中是否存在带有对齐内容的错误：space-between和min-height？所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。