gpt4 book ai didi

css - Flexbox 父级比它的子级高

转载 作者:行者123 更新时间:2023-11-28 13:54:39 25 4
gpt4 key购买 nike

我已经使用 bootstrap 的 flex 和 block 以及迷你网格系统构建了一个小型布局,但我遇到了 flexbox 的子元素不够高无法实际填充它的情况。在我的例子中,如果您继续检查 .demo-install-components,您会发现它的高度比它的子项高。令人惊讶的是,如果我只添加另一个元素 .install-component-individual 到组合中,它就会修复,或者如果我删除复选图标 .installed-component-check。对我来说,这闻起来非常非常难闻。它看起来像这样:

enter image description here

这是代码(很抱歉,它太长了,而且在 jsfiddle 上,我想提供我所有的东西):

JSFiddle code.

我到底错过了什么?我觉得好像我对 flexbox 的了解还不完整。

最佳答案

#components-to-install-list 的边距最终在您的容器下。

通过从 #components-to-install-list 中删除 widthmargin(CSS 的第 986-987 行) ,下面的空间就会消失:

关于css - Flexbox 父级比它的子级高,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58904091/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com