Flexbox的父母比孩子高

时间:2019-11-17 19:01:05

标签: css flexbox

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

enter image description here

这是代码(很抱歉,这么长的时间在jsfiddle上,想提供我所拥有的一切):

JSFiddle code.

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

1 个答案:

答案 0 :(得分:1)

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

通过从width中移除margin#components-to-install-list (来自CSS的986-987行),下面的空间将消失: