Html 资源管理器的正确Flexbox前缀

尝试使用flexbox为wordpress主题创建一个以流体为中心的内容区域，该区域具有定义的最大宽度和等高侧栏。 在Safari、Firefox和Chrome中，它的工作方式就像一个魔咒，但在explorer中完全变成了一堆垃圾

工作示例（狩猎、火灾等）

内容区域的基本结构：

}

---

我准备就此认输了，我似乎不知道是否有前缀错误，或者我的目标是错误的div。

从

#primary.content区域删除
flex:1
（和前缀等价物）

IE，充满了flex bug，不喜欢它。它的删除应该不会影响其他浏览器。
从
#primary.content区域
中删除
flex:1
（和前缀等价物）

IE，充满了flex bug，不喜欢它。它的删除应该不会对其他浏览器产生影响。
这是因为IE尤其在flex子项的固有大小方面存在问题。与供应商前缀无关（事实上，除非您需要支持旧的android本机浏览器或旧的Safari，否则您不再需要供应商前缀）

首先查看您的问题是否存在。但是，我也会提出以下建议：

.site-content {
   display: flex;
   justify-content: space-between;
}

.content area {
  max-width: 40em; 
  display: flex;
  margin: 0 auto;
}

我不建议对flexbox儿童使用
margin:auto
。我刚刚了解到
margin:auto
是flexbox，但我建议明确使用flex属性：声明单个属性，而不是简写；设置显式边距，而不是
auto
。它使代码更具可读性和直接性
 这是因为IE尤其在flex子级的固有大小方面存在问题。与供应商前缀无关（事实上，除非您需要支持旧的android本机浏览器或旧的Safari，否则您不再需要供应商前缀）

首先查看您的问题是否存在。但是，我也会提出以下建议：

.site-content {
   display: flex;
   justify-content: space-between;
}

.content area {
  max-width: 40em; 
  display: flex;
  margin: 0 auto;
}

我不建议对flexbox儿童使用
margin:auto
。我刚刚了解到
margin:auto
是flexbox，但我建议明确使用flex属性：声明单个属性，而不是简写；设置显式边距，而不是
auto
。它使代码更具可读性和直接性
 我们不在乎它在你的网站上是什么样子。在这里提供一个示例--您可能有兴趣使用它来实现这一点。这样，我们就不需要访问一个未知的URL，比如说，它可能是恶意软件的载体。我们不在乎它在你的网站上看起来是什么样子。在这里提供一个示例--您可能有兴趣使用它来实现这一点。这样，我们就不需要访问可能是恶意软件载体的未知URL。。。我想这就是为什么他使用
边距：0 auto
。通过删除它，该部分不再居中。我理解这一点，但这也是问题的一部分。如果你想要一个流畅的居中布局，你应该使用flexbox来实现，而不是margin:auto。顺便说一句，我对你的答案投了赞成票。这是最好的也是最有效的解决方案。你可能会喜欢这篇文章，它涵盖了flex
auto
页边距，并举例说明：从问题：尝试创建一个以流体为中心的内容区域。。。我想这就是为什么他使用
边距：0 auto
。通过删除它，该部分不再居中。我理解这一点，但这也是问题的一部分。如果你想要一个流畅的居中布局，你应该使用flexbox来实现，而不是margin:auto。顺便说一句，我对你的答案投了赞成票。这是最好的也是最有效的解决方案。你可能会欣赏这篇文章，其中包括flex
auto
页边距，并举例说明：如果我删除了该属性，如果我的内容很少，它不会覆盖整个宽度（最大宽度），因此框应该扩展到
max width
（40em），即使内容很少或没有？是的，这是理想的行为。在查看我的wordpress主题文件时，我刚刚意识到，每个帖子/页面都有一组动态设置的类，还有一个global.hentry类。考虑将其作为目标，看看我是否可以让它跨越其可用空间的整个宽度？如果宽度始终假定为40em，那么您就不需要
最大宽度
。只需使用
width:40em
，删除
flex:1
，您就可以全部设置好了。我的想法是，我需要使用最大宽度，这样它就可以填满40em的所有可用空间，我想设置宽度会给我在较小屏幕上带来问题，明天将在所有浏览器中尝试，谢谢您的帮助！如果我删除该属性，如果我的内容很少，则它不会跨越整个宽度（最大宽度），因此即使内容很少或没有内容，框也应该扩展到
最大宽度（40em）？是的，这是所需的行为。在查看我的wordpress主题文件时，我刚刚意识到，每个帖子/页面都有一组动态设置的类，还有一个global.hentry类。考虑将其作为目标，看看我是否可以让它跨越其可用空间的整个宽度？如果宽度始终假定为40em，那么您就不需要
最大宽度
。只需使用
width:40em
，删除
flex:1
，您就可以全部设置好了。我的想法是，我需要使用最大宽度，这样它就可以填满40em的所有可用空间，我想设置宽度会给我在较小屏幕上带来问题，明天将在所有浏览器中尝试，谢谢您的帮助！
.site-content {
   display: flex;
   justify-content: space-between;
}

.content area {
  max-width: 40em; 
  display: flex;
  margin: 0 auto;
}