Html 为什么在Firefox中，通过字段切换失败得很奇怪？

我看到Firefox处理字段切换时出现了奇怪的行为，我不明白为什么。我已经将我页面上的代码简化为该问题的一个非常简单的复制品

在点击以下代码呈现的页面中

输入上方和
标签右侧之前，选项卡工作完全正常：


正文{
填充顶部：20px；
}
标签{
位置：绝对位置；
顶部：5px；
}
单击此行右侧，选项卡停止工作|
您可以将
宽度：100%
应用于
标签
，然后它就可以工作了，因为它跨越了整行


正文{
填充顶部：20px；
}
标签{
位置：绝对位置；
顶部：5px；
宽度：100%；
}
点击这行的右边，选项卡就可以工作了|
您可以将
宽度：100%
应用于
标签
，然后它就可以工作了，因为它跨越了整行


正文{
填充顶部：20px；
}
标签{
位置：绝对位置；
顶部：5px；
宽度：100%；
}
点击这行的右边，选项卡就可以工作了|
tabindex
是您在元素上添加的一个属性，用于控制文档的分页顺序。我知道。这句话的主旨是我应该在整个问题的措辞中使用“tabbing”而不是“tabindexing”吗？看起来我这样说可能会减少混淆，因为“tab”在浏览器的上下文中有多种含义。是的，“tabindex”不是动词：）。有趣的是，如果你点击
输入
右边的标签，就可以很好地使用标签了，只是当你点击
标签
右边的时候……我觉得非常奇怪，我报告了一个Firefox错误：
标签索引
是你放在元素上的一个属性，用来控制标签在文档中的顺序。我知道。这句话的主旨是我应该在整个问题的措辞中使用“tabbing”而不是“tabindexing”吗？看起来我这样说可能会减少混淆，因为“tab”在浏览器的上下文中有多种含义。是的，“tabindex”不是动词：）。有趣的是，如果你点击
输入
选项卡右侧，效果很好，只有当你点击
标签
右侧时……对我来说似乎非常奇怪，我报告了一个Firefox错误：我在这里包含的示例并不是我在代码中看到的。真正的代码有一个元素显示在flex容器中，它位于页面的中心，触发这种奇怪故障的阈值基本上是整个页面的上半部分。如果可能的话，我不希望有一个标签跨越整个空白区域。这是一个针对特定示例代码的解决方案，而不是对问题的答案，这就是为什么？好吧，“为什么”的答案是，否则标签不会延伸到它的右侧区域，因此单击那里不会选择或聚焦它。我还为示例代码添加了一个解决方案，希望它能很好地重现问题…@Johannes其他浏览器似乎处理得很好。我不认为我必须选择或单击页面上的特定元素才能保留预期的选项卡行为。就像如果浏览器是我机器上的活动窗口一样，我希望选项卡至少可以循环浏览浏览器控件（例如：“后退”、“刷新”、“url”等）。我上面的代码在Firefox中甚至没有这样做，我在这里提供的示例并不是我的代码。真正的代码有一个元素显示在flex容器中，它位于页面的中心，触发这种奇怪故障的阈值基本上是整个页面的上半部分。如果可能的话，我不希望有一个标签跨越整个空白区域。这是一个针对特定示例代码的解决方案，而不是对问题的答案，这就是为什么？好吧，“为什么”的答案是，否则标签不会延伸到它的右侧区域，因此单击那里不会选择或聚焦它。我还为示例代码添加了一个解决方案，希望它能很好地重现问题…@Johannes其他浏览器似乎处理得很好。我不认为我必须选择或单击页面上的特定元素才能保留预期的选项卡行为。就像如果浏览器是我机器上的活动窗口一样，我希望选项卡至少可以循环浏览浏览器控件（例如：“后退”、“刷新”、“url”等）。我上面的代码在Firefox中甚至没有这样做。