CSS   发布时间:2022-04-17  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了css – flexbox行为最大高度大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我的问题可能是最好的例子.以下jsfiddle将在Chrome中运行:

http://jsfiddle.net/ga6g4/

正如你所看到的,我有一个固定高度的flexbox,具有固定的标题和可滚动的主体.到现在为止还挺好.但是,如果将“.lhs”容器的“height”CSS更改为max-height:

@H_354_6@max-height: 100px;

http://jsfiddle.net/ga6g4/1/

它打破了现在看来,我的名单现在是零高!任何想法为什么这样做正在做什么,以及我如何解决它?

编辑:我的原始帖子中没有足够的描述,我想要这样做.基本上,外部应仅使用所需的最小高度,但只能达到最大值(由max-height定义).此时,我想要内容开始滚动.

解决方法

好的,这是解决办法,如果有任何人感兴趣的话:

http://jsfiddle.net/vN65r/

基本上,我不得不将以下内容应用到固定高度标题:

flex: 0 0 auto;

而以下到可变高度,滚动体:

flex: 0 1 auto;

我希望它有助于某人

大佬总结

以上是大佬教程为你收集整理的css – flexbox行为最大高度全部内容,希望文章能够帮你解决css – flexbox行为最大高度所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。