IE11中的Flex项目溢出[重复]

Posted 2023-03-06

【中文标题】IE11中的Flex项目溢出[重复]

【英文标题】：Flex items overflowing in IE11 [duplicate]

【发布时间】：2019-01-14 21:21:32

【问题描述】：

我有一个 Flexbox 容器，它是两列容器的一部分。除了 IE11，这一切在 Chrome、FF 等中看起来都不错。它有两个孩子：

.container 
  h3 Title
  p body

还有我的容器：

display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding: 45px 25px;
position: relative;

它在 IE11 中看起来像这样：

两边都被切断的地方。

我尝试添加flex-basis、flex: 0 1 [...]、max-width、overflow: hidden，但无济于事。它仍然不会停止切断。是不是我做错了什么？

【参考方案1】：

我修好了。奇怪地将width: 100% 添加到我的p 标记可以修复它。