Html 为什么我的页脚边框显示两次？

由于某些原因，当我在浏览器中预览网页时，应用于页脚的边框显示为双线。我做错了什么？我是html/css的新手，所以它可能非常简单。任何帮助都将不胜感激

这是我的HTML：

<div class="footer">
<footer>
    <p class="footer">&copy; 2015 Brian Funderburke</p>
</footer>

---

您将

.footer

类应用于

，因此它还有一个边框：

<div class="footer">
<footer>
    <p>&copy; 2015 Brian Funderburke</p>
</footer>
</div>

---

您应该从

中删除
footer
类，并解决问题。
，因为您有两个.footer类正在使用。删除div类的页脚

<footer class="footer">
   ...
</footer> 


...

这应该足够了
 它显示两次，因为有两个元素具有相同的
.footer
类

您的
.footer
类具有边框样式，并且您已将该类应用于
和

从其中一个元素中删除
.footer
，或者执行以下操作以简化选择和标记

页脚{
边框顶部：1px实心#000；
保证金：0；
填充：0；
}
页脚p{
利润率：10px；
填充：0；
} 


&抄袭；2015布莱恩·芬德伯格

因为您使用同一个类
.footer
两次
首先是
，然后是
，您正在设置页脚的样式。所以你们两个都有边界，所以是双边界。只需更改p-
©；2015年Brian Funderburke
因为.footer类你打了两次电话。哇，所以我完全重新开始了。谢谢你们帮我，我真不敢相信这有多明显was@SHAZ无名英雄，我的朋友！谢谢问题解决了。真不敢相信这有多简单。我个人会接受雅各布·格雷的答案作为解决方案。他使用了清晰的解释，这将有助于未来的用户。：）@克里斯或亨格斯塔的回答也解释了这一点。但是，我不认为OP意识到你可以接受答案…@JacobGray是的，这也行。不过我先看到了你的哈哈哈。太糟糕了，如果OP不知道如何接受。尽管如此，这仍然可以帮助一些初学者学习CSS和HTML。那么，这是一场胜利！？是吗？@Chris yep，这就是为什么：D
.footer{
  border-top:1px solid #000;  
  margin: 0;
  padding: 0; 
}

<footer class="footer">
   ...
</footer>