Firefox＆lt; 42个bug？ ＆＃39;显示：阻止＆＃39;元素浮动与兄弟浮动配对：左边＆＃39;元件

Question

在与客户合作时，我遇到了一个非常具体的问题，只有在版本42以下的Firefox中才能看到。 基本上，使用标准的Bootstrap方法添加带有标签和输入字段的表单组

<div class="form-group">
    <label for="exampleInputEmail1">Email address</label>
    <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">
</div>

并在标签

中添加一个浮动：左侧

label {
  float: left;
}

会使输入字段浮动到与标签相同的行，但仅限于Firefox＆lt; 42.在较新版本中，它仍会显示在新行上。 Chrome / Safari也会在不同的行上呈现它们，这似乎是预期的行为（意味着FF 42以下的错误）。

Codepen with example（仅在FF 41及更低版本中可见）

这是Firefox中的错误吗？ 如果是这样，具体导致错误的是什么（即不是在FF源代码中导致错误的是什么，但是哪些特定的css规则发生了冲突/破坏）。

我认为漂浮并显示相当老派的东西，我认为这将适用于几乎所有现代版本的Chrome / Firefox / Safari，所以对我来说这有点意外。出于纯粹的好奇心，是否存在这些常见/旧类型的css属性的错误列表？

屏幕截图示例：