在flexbox中，IE 10和11不能正确解释最小宽度
。Flexbox是一种用于布局的CSS模块，它提供了一种灵活的方式来排列和对齐元素。然而，IE 10和11对于最小宽度的处理存在一些问题。
最小宽度是指一个元素在布局中的最小宽度限制。在flexbox中，可以使用min-width属性来设置一个元素的最小宽度。然而，IE 10和11在处理min-width属性时存在一些bug，导致最小宽度无法正确解释。
具体来说，当一个元素的内容超过了其最小宽度时，IE 10和11会忽略最小宽度的限制，导致元素的宽度会自动扩展以适应内容。这与其他现代浏览器的行为不同，其他浏览器会尽量保持元素的宽度不小于最小宽度。
为了解决这个问题，可以考虑使用其他方法来实现最小宽度的效果。例如，可以使用flex-basis属性来设置一个元素的初始宽度，并结合overflow属性来控制内容溢出时的处理方式。另外，也可以考虑使用JavaScript来检测并调整元素的宽度，以达到最小宽度的效果。
总结起来，IE 10和11在flexbox中对最小宽度的处理存在问题，导致最小宽度无法正确解释。为了解决这个问题，可以考虑使用其他方法或者借助JavaScript来实现最小宽度的效果。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe
相关·内容
0回答
在flexbox中，IE 10和11不能正确解释最小宽度
css、internet-explorer、flexbox、internet-explorer-11、internet-explorer-10
IE 10和IE 11在与flex box组合使用时不能正确解释设置的min-width。在下图中，两个divs的flex都设置为1 1 0%;，但第一个的min-width为200px，实际上在IE 10 &11中呈现为250px：小提琴：<div id="wrapper：
#wrapper {
浏览 0提问于2016-07-11得票数 5
回答已采纳
3回答
在IE中忽略flex容器的最小高度
html、css、internet-explorer、flexbox
据我所知，如果使用IE10 / IE11，我应该能够使用标准化的flex术语。这在Chrome和Firefox中有效，但在IE中不起作用，我不知道为什么。
浏览 2提问于2016-11-08得票数 11
回答已采纳
2回答
在响应站点上使用ul或带CSS属性flex的div
html、css、responsive-design
当涉及到响应性设计时，可以在使用ul和div元素之间进行选择。这个问题是关于导航栏的。
浏览 4提问于2016-02-26得票数 1
回答已采纳
1回答
在Safari、IE11和IE10中，Flexbox项目正在折叠
css、flexbox
我在Safari、IE11和IE10中使用嵌套的flexbox时遇到了一些问题。这些面板应该是并排的(50%宽度)，并且其中有不同数量的内容。下面是一个要说明的代码：有人能给点建议吗？
浏览 0提问于2016-03-03得票数 3
1回答
IE和Edge中的挠曲盒最小宽度失效
html、css、html-table、flexbox、microsoft-edge
我有一些为元素设置宽度的表，所以有些列至少有一定的容器宽度。目标是有一些最小宽度的居中表，其中一些列具有相同的宽度(相同的比率)。如果一些单元格有较长的文本，那么我不关心比率是否会被打破(这一栏的宽度会比另一列大)。我只关心它对于普通情况有很好的和相同的列宽度(单元格中的少量文本数据)。但是对于边缘和IE
浏览 1提问于2018-12-03得票数 1
回答已采纳
1回答
IE和Chrome中的CSSStyleDeclaration差异
css、google-chrome、internet-explorer、cross-browser
我正在研究W7上的IE 11和最新的Chrome中的CSSStyleDeclaration。我的标记是：问题是，在Chrome中，它没有最小高度，但IE正确地显示了它。有人能解释一下为什么吗?如果它是这样工作的，那么检查样式中指定的高度/宽度的可靠方法是什么？
谢谢
浏览 1提问于2015-09-30得票数 0
1回答
具有calc最大高度的IE和CSS挠性盒存在窗口调整问题。
css、internet-explorer、flexbox
JsFiddle： position: relative; display: -ms-flexbox; max-width: calc(100% - 2.286rem * 2);在Chrome上，它可以按需要工作。我可以调整浏览器的大小和模式保持完美的位置。
问题是在IE10 (显然)中，模态
浏览 2提问于2017-05-19得票数 1
2回答
IE 11:在flexbox中图像不能正确缩小
html、css、flexbox、internet-explorer-11
我正在尝试使用flexbox在一列中放置两个图像。在这种情况下，div容器的width小于图像的width。在Chrome中，图片非常适合div容器，但在IE中却不能，我不知道为什么。 </div>
<img src="http://placehold.it/480x360">
&l
浏览 0提问于2017-02-11得票数 19
回答已采纳
1回答
SCSS更改显示: flex；显示:网格；
sass、flexbox、grid、internet-explorer-11
这在大多数情况下都工作得很好，除非我想使用flexbox.container{}.container{
display: grid;
浏览 2提问于2020-01-30得票数 0
1回答
IE对齐-内容中心溢出问题
html、css、flexbox、internet-explorer-11
当在IE11上查看下面的演示时，会出现一个问题，在这个问题中，内容被正确地显示并推送到屏幕外。下面是为内容中心辩护的代码： display: -webkit-box; display: -ms-flexboxcenter; justify-content: center;你可以在这个截图中看到这个问题：
我使用windows 10</
浏览 5提问于2016-09-19得票数 4
回答已采纳
1回答
Flexbox布局-页眉、自动内容、粘性页脚-在IE 11中样式不一致
css、internet-explorer、internet-explorer-11、flexbox、sticky-footer
据我所知，我正确地使用了flexbox和前缀。但我知道我会犯错！任何帮助都是非常感谢的！我没有发布代码，因为我认为这是在浏览器中调试时最简单的东西。
浏览 1提问于2015-09-18得票数 1
3回答
IE11中的弹性框对齐
css、internet-explorer、flexbox
在附加的Codepen中，您将看到我正在使用Flexbox来对齐标题中的徽标和菜单图标。徽标应该左对齐，菜单图标应该右对齐。(我还有其他元素，但这只是一个用于演示的简化版本)。在IE11中测试时，我发现Flexbox无法正常工作。据我所知，通过文档，IE11应该支持这一点。我还有其他的Flexbox元素，它们也不能工作。
如您所见，为IE
浏览 0提问于2017-04-10得票数 3
回答已采纳
1回答
为什么柔印箱不工作在第11号？
html、css、internet-explorer、cross-browser、flexbox
important; display: -webkit-flex; displayIE除外)，有人能解释为什么吗？我在例如9，10，11中进行了测试(即使我在windows 8.1上，它在浏览器工具中也显示为边缘)，而flexbox只是不能工作，我希望它至少能工作11，但它
浏览 0提问于2016-03-14得票数 0
回答已采纳
4回答
Internet Explorer未正确显示一行中的div
html、css、internet-explorer、internet-explorer-9
不幸的是，我不得不支持更高版本的IE (10 + 9)，并且有一个能在除IE9之外的所有浏览器中正确显示的div的当前设置。我有4张连续的卡片，IE 10显示ok，但在IE 9中布局是这样的： ?我的代码如下： .wrapper {margin: auto;display: -ms-flexbox;-ms-flex-wrap: wrap;
fle
浏览 128提问于2020-02-07得票数 0
回答已采纳
2回答
带有viewBox和width的SVG在IE中不能正确缩放高度
javascript、html、css、svg
在Chrome和Firefox中，这是完美的！下面是我所讨论的最小的代码示例：<div> <text x="1" y="9">hello</text>}
viewBox为100x10。外部div的宽度设置为400px。这意味着SVG
浏览 9提问于2014-10-09得票数 26
1回答
当挠性容器在浮动元素内时，如何使IE 11包装柔性盒项目？
css-float、internet-explorer-11、flexbox
我试图在两列布局的内容区域中添加一个flexbox元素。布局有一个固定的宽度，侧边栏和流体含量。它使用float: left和负利润率来实现这一点。 <div class="flex-item">Item</div>完整示例(在FF和Chrome中</
浏览 0提问于2015-03-15得票数 1
1回答
如何创建一个居中的<div>，如果它不适合视图端口，它会自动缩小？
html、css、html5-video
我想让我的HTML5视频盒的垂直和水平中心在一个固定的宽度。棘手的是，我希望视频缩小到完全适合在视口内，当视口的高度或宽度比视频小。
浏览 2提问于2016-11-17得票数 2
2回答
DIV在另一个DIV中的垂直对齐
css、vertical-alignment
几天来，我一直在尝试垂直对齐.sl_container。
我试过vertical-align: middle，但那不起作用。如果我为.slideshow指定了一个高度和宽度，然后使用top: 50%;和transform: translateY(-50%);，这是可行的。。问题是，如果我移除滑块的高度和宽度来占用可用的空间并适应，那么这将使内部div看起来向上移动。。display: table-cell;不是一个选项，因为它的箭头位于父div的全宽两侧，而不是在图像上
浏览 10提问于2017-11-03得票数 1
回答已采纳
1回答
HR标签对齐是根据在IE11浏览器上不工作的设备宽度进行的
html、css、media-queries、internet-explorer-11
我在以下一些内容下面添加了人力资源行： .h-divider{border: 2px solid #f3a51f; width:80px;}
}
在这里，我希望Hr (分配器)应该在右侧的大型设备上，而在中心(bydefault)在小型设备上上面的css在Chrome和
浏览 5提问于2020-03-04得票数 0
回答已采纳
1回答
为IE 9- 10应用样式
css、internet-explorer、flexbox、internet-explorer-9、fallback
我正在编写一个角度2的应用程序，我需要覆盖与css IE 9-10。对于其余的部分，我使用了flexbox布局。但我需要特别介绍IE9-10的非flexbox风格。我已经看到了在index.html中使用条件标签的方法，但它只适用于特定的IE9和IE10，而且@supports (display: flex)在这些IE中不受支持。我有什么选择？我也想为IE
浏览 3提问于2017-09-22得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
