CSS 显示 flex 副作用

Question

我有一个现有页面，我试图在该页面上将 display:flex, flex-flow: column & height:99% 添加到容器并为子项添加 flex:1。

我的问题是因为它是一个现有页面，我不想真正触及页面上的任何其他样式（大多数情况下它们具有溢出、边距/填充等属性）

在使容器显示为 flex 后，我是否应该注意任何副作用？

Answer 1

以下是需要考虑的两个潜在副作用：

• 边距折叠是块格式上下文中的一个功能，在flex 格式上下文中不存在。 请参阅： 弹性盒中的边距折叠

• 由于您计划在容器上设置百分比高度 ( height: 99% )，请确保父级具有定义的高度。 请参阅：使用 CSS height属性和百分比值