引导行不会填充 Safari 上的其余空间，如果它位于左浮动元素旁边

Question

这是代码 https://jsbin.com/pabixobula/1/edit?html,output

<div class="container">
<div class="float-left" style="background:red">123123</div>
<div class="row">
<div class="order-1">23123 1231 23123 123123 123 123 23123 1231 23123 123123 123 123 23123 1231 23123 123123 123 123 23123 1231 23123 123123 123 123 23123 1231 23123 123123 123 123</div>
<div class="order-2">23123 1231 23123 123123 123 123 23123 1231 23123 123123 123 123 23123 1231 23123 123123 123 123 23123 1231 23123 123123 123 123 23123 1231 23123 123123 123 123</div>
</div>
</div>

我需要使用roworder-*班来处理订单。 它在Chrome和Firefox上运行良好，但在Mac上的Safari 13中则不然。

第一个区块是float-left但row在 Safari 上采用新线路。 我看到麻烦可能来自display:flex，它在 Safari 上无法正常工作。

Answer 1

我发现解决方法是在row周围添加m-0，也许这是Safari在行上添加额外边距的错误，从而创建新行。

<div class="row m-0"></div>