当前位置: 首页 > 知识库问答 >
问题:

CSS3柔性箱布局(最新)最大高度

胡桐
2023-03-14

我正在使用最新的flexiblebox规范(据我所知,目前只支持最新的Chrome),并试图阻止flexible项目超过最大高度。

最好用一个例子来解释:http://jsbin.com/efedof/2/edit

第一个示例。内容(加上两个.bar元素)不超过300px的高度,因此是正确的。但是在第二个例子中,文本推到了的底部。内容向下,在之外。方框div。

我如何强制执行三个组合的flex项的最大总高度,以便. Content区域变得可滚动,而不是延伸到. box之外并将. bar推出. box

谢谢


共有1个答案

濮阳奇逸
2023-03-14

找到答案了!。诀窍是添加minheight:0 。内容div。

 类似资料:
  • 如果我调整窗口的大小小于最小宽度flex项目的总数(此处为653px),则会出现一个滚动条,但flexbox采用当前窗口的大小,并且flex项目没有红色背景,我想知道如何在不键入以下特定值的情况下为flexbox容器设置最小宽度: 我不希望收缩flex项目,但一个css的方式来获得: flexbox.min(flex_items_min_width) https://codepen.io/papa

  • 本文向大家介绍jQuery 3.0十大新特性最终版发布,包括了jQuery 3.0十大新特性最终版发布的使用技巧和注意事项,需要的朋友参考一下 jQuery 3.0 最终版发布了。jQuery 3.0将是jQuery的未来。但如果你需要IE6-8支持,您可以继续使用最新版本1.12。 jQuery 3.0在日前发布了最终的全新版本。从2014年10月,jQuery团队对这个主要大版本进行维护开始,

  • 在我的ASP. net网站,我有一个连接到SQL服务器快速数据库。有时候我确实会犯很多错误,比如 系统。异常:超时已过期。从池中获取连接之前的超时时间。这可能是因为所有池连接都在使用中,并且达到了最大池大小。 搜索错误后,我发现可能是由于SQL Server连接未关闭。但是我已经正确地使用了SQL Server连接,并且正确地处理了它。我已使用using语句处理连接。在我的应用程序中,我在一天中的

  • 问题内容: 我有一个表,我想定义和属性。请参见下面的示例。 我现在的问题是浏览器无法使用它。如果我在它上定义它,将被忽略,如果我在一个元素内的一个元素中定义它,则内容具有正确的最小和最大宽度,但表的大小仍然相同。(所以有很多可用空间:/) 我该如何解决? 编辑:我只是注意到问题似乎仅在表处于全屏模式时才会发生。但是,元素的最大宽度不应大于! 例: 问题答案: 对于表单元格,应使用’width’属性

  • 本文向大家介绍Java13 明天发布(最新最全新特性解读),包括了Java13 明天发布(最新最全新特性解读)的使用技巧和注意事项,需要的朋友参考一下 2017年8月,JCP执行委员会提出将Java的发布频率改为每六个月一次,新的发布周期严格遵循时间点,将在每年的3月份和9月份发布。 目前,JDK官网上已经可以看到JDK 13的进展,最新版的JDK 13将于2019年9月17日发布。 目前,JDK

  • 多列布局 类似报纸或杂志中的排版方式,上要用以控制大篇幅文本。用得不多。 格式举例: .wrapper{ /* 分成几列 */ -webkit-column-count: 3; /* 每列之间,用分割线隔开 */ -webkit-column-rule: 1px dashed red; /* 设置列之间的间