Html 一<；人力资源>；在Firefox中，标记正在工作，但另一个不起作用。为什么呢？

因此，我在我的页面上使用了两个HR标签来屏蔽导航下方的一大块精细打印。它们使用外部CSS文档和“类”规范进行样式设置

到目前为止，它可以在Chrome和Safari中使用，但是当我在Firefox中测试它时，其中一个HR标签出现了（底部的那个），而另一个没有出现？？？一个怎么出现，另一个怎么不出现？对我来说没有任何意义

我在标题中包含完整的html，以防干扰，您可以在html底部附近的精细打印下找到hr标记

谢谢你的帮助

HTML

/*黑线*/
普通人力资源{
边框样式：插图；
边框顶部：1px实心；
边框底部：0px；
边框底部：无；
左边界：无；
保证金：4倍；
显示：块；
高度：1px；
}
/*黑线结束*/

鲍里斯·霍洛多夫·；房地产经纪人·#按售出房源数量计算，多伦多市中心和市中心为1家·家；皇家乐宝房地产服务有限公司·；约翰斯顿和丹尼尔经纪部

试试这段代码

鲍里斯·霍洛多夫·；房地产经纪人·#按售出房源数量计算，多伦多市中心和市中心为1家·家；皇家乐宝房地产服务有限公司·；约翰斯顿和丹尼尔经纪部

这个问题的第一个答案很好地说明了为什么使用人力资源通常不是一个好主意：

---

您最好使用带有底部边框的div。它将更加可靠。

您需要清除浮动元素。向您的人力资源规则中添加

clear:all

：

hr.plain {
    border-style: inset;
    border-top: 1px solid;
    border-bottom: 0px;
    border-bottom: none;
    border-left: none;
    margin: 4px;
    display: block;
    height: 1px;
    clear:both;
}

---

<强>

您可以考虑对客户端的特定信息进行消毒。除非这是一个小小的自我推销，你这个狡猾的狗。如果有人需要，我可以发送图片。哇，这很简单，而且很快就奏效了。你能解释一下为什么我需要清除浮动元素吗？非常感谢。在不清除浮动元素的情况下，人力资源将对齐浮动内容的旁边，而不是您希望的下方。啊，这是有道理的。很高兴了解未来，再次感谢。