Flexbox 在 Opera 和 Safari 中导致意外换行

Question

我遇到了 Safari 和 Opera 中出现的 flexbox 问题（可能还有 Chrome，尚未检查）。在 Firefox 中，一切看起来都应该是这样。这是链接：http://corvinweber.de/download/v5/

当您向下滚动到页面底部时，您会找到回复表单。我希望字段集“.message”和“.senderforms”彼此相邻显示，就像 Firefox 那样。然而，在 Safari 和 Opera 中，“.message”的宽度会扩大，“.senderform”会被推到下一行。奇怪的是，如果我将“.message”的宽度设置为 50 像素，“.senderforms”仍然会被推送到下一行。开发者工具提示右边添加了一个边距，虽然“margin-right”设置为0。

我也尝试过使用带有 -webkit-prefixed 的 flexbox 版本，但没有帮助。

这可能只是对 css 的一个小调整，以使其工作，但我无法弄清楚。有人可以帮忙吗？

Answer 1

显然，嵌套在另一个字段集中的字段集是问题所在。我把外面的变成了一种形式，它起作用了。