IE和Safari中的Flexbox最大高度
Flexbox是一种用于网页布局的CSS模块，它提供了一种灵活的方式来排列和对齐网页元素。在IE和Safari中，Flexbox的最大高度是由浏览器的实现决定的，没有明确的规范限制。
在IE浏览器中，Flexbox的支持程度较低，特别是在旧版本的IE中。在这些浏览器中，Flexbox的最大高度可能受到一些限制，例如无法正确计算元素的高度或无法正确处理嵌套的Flex容器。
在Safari浏览器中，Flexbox的支持程度较好，但也存在一些限制。在某些情况下，当Flex容器的内容超出容器的高度时，Safari可能会自动调整Flex项的大小以适应容器，而不是根据Flexbox规则进行布局。
由于Flexbox在不同浏览器中的实现存在差异，建议在使用Flexbox时进行兼容性测试，并根据需要使用其他布局技术或Polyfill来解决兼容性问题。
腾讯云提供了一系列与网页开发相关的产品，例如云服务器、云存储、CDN加速等，可以帮助开发者部署和优化网页应用。具体产品信息和介绍可以参考腾讯云官方网站：https://cloud.tencent.com/product
请注意，本回答中没有提及其他云计算品牌商，如有需要可以进一步咨询相关品牌商的官方文档或技术支持。
相关·内容
1回答
IE和Safari中的Flexbox最大高度
css、internet-explorer、safari、flexbox
我正在尝试通过flexbox在两个静态容器之间获取滚动容器。包装这三个div的容器的最大高度必须为90vh。这段代码在Chrome或Firefox中运行良好，但在IE或Safari中就不行。我已经测试了一些常见的flexbox-bug解决方案，但没有一个起作用。
浏览 10提问于2017-02-17得票数 0
2回答
在IE10中具有最大高度的flexbox
css、internet-explorer-10、flexbox
我正在尝试找到一种方法，让我的flexbox在IE10中正常工作：
下面是一个可以在Chrome、Firefox等浏览器上运行的例子。我有一个绝对定位的flexbox，它有固定的页眉，固定的页脚和填充体。flexbox将占据它所需的高度，但如果它达到最大高度，则车身将开始滚动。到现在为止还好。但是，如果您在IE
浏览 6提问于2014-04-08得票数 1
3回答
看起来，如果显示值是表，则不能设置高度或最大高度，因此溢出-y:滚动什么也不做。和table-cell，则行的宽度不会是100%； display: flex;}
浏览器支持所有现代浏览器(IE10 +)，包括移动safari<
浏览 2提问于2015-03-19得票数 14
回答已采纳
1回答
在Safari、IE11和IE10中，Flexbox项目正在折叠
css、flexbox
我在Safari、IE11和IE10中使用嵌套的flexbox时遇到了一些问题。这些面板应该是并排的(50%宽度)，并且其中有不同数量的内容。<cite>元素应该锚定在面板的底部，并且每个面板应该具有相同的高度。下面是一个要说明的代码：
这在Chrome / Firefox上运行得很好，但在Safari、IE</em
浏览 0提问于2016-03-03得票数 3
1回答
移动Safari中块体单元垂直对中的故障
html、css、mobile-safari
我正试图在另一个div内垂直地居中一个div (未知高度)。我遵循了一个教程，它似乎正确地显示在火狐v33 (桌面)，IE11和Chrome v39，但它没有正确地显示在移动Safari 7或8-看看我的，或html/css以下。为什么移动Safari对此的处理与其他浏览器不同，我的选择是什么？我已经试过了flexbox，这在移动Safari中也不起作用。我知道垂直对中可
浏览 0提问于2014-11-24得票数 0
回答已采纳
3回答
图像最大宽度最大高度在IE 11中不起作用
html、css、fullpage.js
我使用fullPage.js和下面的html和css在我的网站上的图像滑块。有谁知道怎么解决这个问题吗？
浏览 0提问于2015-10-29得票数 2
2回答
供应商前缀在flexbox中完全不起作用吗？
css、flexbox、vendor-prefix
查看之前关于这个主题的问题，我了解到当涉及到flexbox时，供应商前缀实际上是多余的。那么，我认识的相当多的设计师是如何使用flexbox的呢？既然我不能在这个阶段重构我的项目，我如何才能让flexbox被所有的浏览器所理解？
浏览 3提问于2016-02-29得票数 1
1回答
为什么IE11不正确地呈现这个Flexbox布局？
css、internet-explorer、internet-explorer-10、internet-explorer-11、flexbox
我有一个基于挠性盒的布局，其中包含一个由头部和body.The容器组成的居中容器，如果它的身体中几乎没有内容，那么它有一个最小的高度来防止它崩溃太多。它也有一个最大高度定义为其容器的百分比。标头是一个固定的高度，主体设置为overflow-y: auto。在Chrome、Safari和Firefox中，这意味着：
如果没有什
浏览 2提问于2015-08-04得票数 1
1回答
Firefox + IE Flexbox父级高度问题
css、internet-explorer、firefox、flexbox
我将Flexbox用于一系列内容块。这个想法是在一个挠性容器中有块，它的高度将由它内的挠曲项的总数决定。这在Chrome和Safari上运行得很好，因为它自动而正确地计算容器的高度，但在Firefox + IE上却不是这样。在chrome + safari上，这个计算高度很好。然而，容器的高度没有设置在IE + FF上。我已经测
浏览 4提问于2015-10-06得票数 4
2回答
Safari: flexbox和min-height
css、safari、flexbox
我需要有一个滚动的flexbox容器与flexbox的子容器。容器有一个定义的高度(由flexbox定义)，子容器的高度应该与其内容的高度相同。这在Safari中工作得很好，因为在Safari中，孩子不会伸展超过容器的高度。实际上，Safari中的<
浏览 46提问于2020-01-28得票数 3
回答已采纳
1回答
Flexbox布局-页眉、自动内容、粘性页脚-在IE 11中样式不一致
css、internet-explorer、internet-explorer-11、flexbox、sticky-footer
我正在尝试一个粘性的页脚布局来跨浏览器工作。Philip Walton似乎做得很完美，就像演示的那样。
据我所知，我正确地使用了flexbox和前缀。但我知道我会犯错！任何帮助都是非常感谢的！我没有发布代码，因为我认为这是在浏览器中调试时最简单的东西。
浏览 1提问于2015-09-18得票数 1
1回答
Safari 9- flexbox align-self: flex-end不起作用
html、css、safari、flexbox
我无法将子元素与其父元素的末尾对齐。两者都是flex元素。父元素的高度为100%，子元素的高度为: align-self: flex-end。此设置适用于所有主流浏览器(Firefox、Chrome、IE/Edge)，但不适用于Safari9(以及一些支持flexbox的旧版本)。它看起来是这样的：
这是一个复制-粘贴的例子，你可以看到它在Chrome中工作，但在
浏览 1提问于2016-04-21得票数 0
2回答
在响应站点上使用ul或带CSS属性flex的div
html、css、responsive-design
当涉及到响应性设计时，可以在使用ul和div元素之间进行选择。这个问题是关于导航栏的。
浏览 4提问于2016-02-26得票数 1
回答已采纳
2回答
桌面和移动向后兼容的柔性盒实现-特别是Safari
css、safari、flexbox
在Safari手机、桌面和Android上，我的柔性盒实现遇到了很大的问题。它很适合Chrome和IE11。如果它适用于IE，早期版本的IE和Firefox，那也很好。这就是我所拥有的：display:-webkit-flex; -webkit-flex-flowspace-ar
浏览 2提问于2014-01-12得票数 2
回答已采纳
2回答
在safari中无法正确查看图像的flexbox
html、css、safari、flexbox
我在Safari中使用flexbox时遇到了问题，我在这些页面上找不到适合我的解决方案。.flexbox {
display: -webkit-flex; /* S
浏览 1提问于2015-10-05得票数 2
1回答
CSS高度:100%不在Flexbox儿童中的表上工作
html、css、flexbox
我在一个柔性盒的孩子里面有一个CSS表。该表的height设置为100%，但无法工作。我见过。然而，一旦我把一个CSS表放入一个柔性盒子程序中，它也就停止工作了。
有趣的是，这个问题影响到了Chrome，而不是IE11。
浏览 2提问于2016-03-09得票数 4
1回答
Safari 8中的Flexbox布局中断
css、safari、flexbox
我目前正在设置一些使用柔性箱的瓷砖，并打算占据最高的瓷砖的整个高度。我在瓷砖的容器上使用了以下代码： display: -webkit-box; display: -ms-flexbox; display: flex;我已经在Safari、Chrome和FF的最新版本中尝试了我
浏览 1提问于2016-12-28得票数 0
回答已采纳
5回答
对CSS Flexbox的跨浏览器支持
css、flexbox、cross-browser
我一直在使用下面提到的代码，它可以在我的Chrome上运行，但不能在我的IE9和Safari上运行。
我在谷歌上搜索了解决方案，尽管我得到了各种各样的供应商前缀，但这些结果让我感到困惑。
浏览 1提问于2013-07-03得票数 14
回答已采纳
2回答
如何使CSS样式在Safari浏览器中工作？
html、css
我正在构建我的第一个网站，试图使它适应最流行的浏览器，css样式在除Safari之外的所有浏览器上都能正常工作。在这个浏览器中，几乎所有的东西都不适合我:悬停效应不是线性的，柔箱没有正确显示(如safari中显示的1，2，3屏幕；在所有浏览器中应该显示的4,5,6屏幕)，在移动版本中，按span按钮显示的菜单没有打开我把代码扔到中，因为我知道前缀
浏览 6提问于2020-06-16得票数 0
2回答
将一个div标记与另一个标记对齐。
javascript、html、css
<div id="lower">hi</div></div>#outer{} position:absolute;}
但是上面和下面是重叠
浏览 5提问于2013-04-22得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
