Flexbox的父母比孩子高

Question

我已经使用Flexs和来自Bootstrap的块以及一个小型网格系统构建了一个小布局，但是在那个flexbox的子代不够高不能实际填充它的情况下，我遇到了问题。就我而言，如果您继续检查.demo-install-components，您会发现它的高度比它的子项高。令人惊讶的是，如果我仅将另一项.install-component-individual添加到混合中，则该问题已修复，或者如果我删除了复选图标.installed-component-check。对我来说，这很难闻。看起来像这样：

这是代码（很抱歉，这么长的时间在jsfiddle上，想提供我所拥有的一切）：

JSFiddle code.

我在这里到底想念什么？我感觉好像我对flexbox的知识还不完整。

Answer 1

来自#components-to-install-list的保证金最终出现在您的容器下。

通过从width中移除margin和#components-to-install-list （来自CSS的986-987行），下面的空间将消失：