css - flex 基础自动不工作

Question

我在 main 中有 2 个 articles 设置了 flex: 1 auto;，在我添加内容之前它们都很好进入它们，突然它们的大小都不同了!

当它们处于相同宽度时，它们中的任何内容都不会比框更宽，并且只有左侧的 2 个表单输入具有设置的宽度。

我不能在这里发布任何代码，因为它太深了，我不想错过任何可能重要的东西，所以演示在 spendit.dpdesignz.co .我遇到问题的框是登录表单和页面中间的“支持的银行”文章。

我试过将 flex-shrink 和 flex-grow 设置为 0，但没有成功。

这是我第一次使用 flex，在过去的 5 个小时里，我已经进行了数十次“修复”，但都没有成功，因此非常感谢任何帮助/建议 :)

Answer 1

我认为您正在寻找的是 flex: 0 1 50%;(不要增长 - 您可能希望将收缩设置为 0，我不知道我希望如此，50 %(等于)。