gpt4 book ai didi

html - CSS3 flexbox : flexboxes inside flexboxes aren't contained inside their parents

转载 作者:太空宇宙 更新时间:2023-11-04 15:21:55 26 4
gpt4 key购买 nike

我面临着让一个相当复杂的网络应用程序在 HTML/CSS 中工作的问题。我发现 flexbox 有很多问题,这似乎可以解决我的问题。我试图了解我做错了什么或 flexbox 的限制是什么。我只在 Chrome 中工作,所以这很有帮助。

我一直看到两个问题:- 盒子不明白如何适应里面 child 的高度/宽度- parent 不包含子盒子。本期图片:

screenshot of problem

这里没有发布代码而是一个 JSFiddle:http://jsfiddle.net/dex3703/ryCQq/不完全完整,但你明白我希望的想法。 CSS 由三个不同的文件组合而成。

谢谢!

最佳答案

想通了。所有容器都必须设置为显示:框(或-webkit-box 等)。如果你想要一个盒子里面的盒子,它们都必须是盒子。希望这对某人有帮助!

关于html - CSS3 flexbox : flexboxes inside flexboxes aren't contained inside their parents,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8001350/

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