gpt4 book ai didi

css - 如何设置flex box item的高度100%

转载 作者:太空宇宙 更新时间:2023-11-04 12:35:47 25 4
gpt4 key购买 nike

我想将 flexbox 元素的子元素的高度设置为 100%。但它不起作用。

这是 jsFiddle link这些代码。

现在,我通过设置 position : absolutetop : 0 来妥协这个解决方案;右:0;底部:0; left : 0; 内部子元素。你能告诉我为什么上面的方法不起作用吗?是否有任何解决方案与 position 无关。 enter image description here

最佳答案

这是因为你正在使用 height: 100%对于 .wrapper__second__thumb__inner ,包含在 .wrapper__thumb 中没有 height为自己( 0px height ),所以 .wrapper__second__thumb__inner也会有0px height .

你需要的是添加height: 100%.wrapper__thumb ,或将其从 HTML 中完全删除, 所以 .wrapper__second__thumb__inner会有它的height直接来自 .wrapper__second

这是 Updated Fiddle

关于css - 如何设置flex box item的高度100%,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27288428/

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