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

时间:2016-09-10 10:42:19

标签: html5 css3 webkit flexbox

我在Safari和Opera中遇到了一个Flexbox问题(也可能是Chrome,还没有检查过)。在Firefox中,一切看起来都应该如此。这是链接:http://corvinweber.de/download/v5/

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

我也试过使用-webkit-prefixed版本的flexbox,但它没有帮助。

这可能只是css中的一个小调整,使它工作,但我无法弄明白。有人可以帮忙吗?

1 个答案:

答案 0 :(得分:0)

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