为什么我的页脚边框会出现两次？

Question

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

这是我的HTML：

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

这是我的CSS：

.footer{
border-top:1px solid #000;  
margin: 0;
padding: 0; }

.footer p {
margin: 10px;
padding: 0px;}  

Answer 1

您已将.footer类应用于<p>，因此它也有边框：

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

参考这个惊人的图形表示来可视化正在发生的事情：
由于您已将课程.footer应用于<p>及其父级，因此它们都有边框，从而产生双边框的效果：

.footer{
  border-top:1px solid #000;  
  margin: 0;
  padding: 0; 
}

您应该从footer中移除<p>类，并解决问题。

Answer 2

因为您正在使用两个.footers类。删除div类页脚。

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

那应该够了。

Answer 3

它会显示两次，因为您有两个具有相同类.footer的元素。

您的.footer课程具有边框样式，并且您已将该课程应用于<div>和<p>。

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

footer {
    border-top:1px solid #000;  
    margin: 0;
    padding: 0;
}
footer p {
    margin: 10px;
    padding: 0;
} 

<footer>
    <p>&copy; 2015 Brian Funderburke</p>
</footer>

Answer 4

因为您使用的是同一个班级[Contact objectForKeyedSubscript:]: unrecognized selector sent to instance两次

Answer 5

首先，在public void onCreate() { mInputView.setPreviewEnabled(false); } public void onPress(int primaryCode) { if (primaryCode==-1||primaryCode==-2||primaryCode==-5||primaryCode==-4){ } else { mInputView.setPreviewEnabled(true); } } public void onRelease(int primaryCode) { mInputView.setPreviewEnabled(false); }之后你有<div class="footer">并且你正在为页脚设置样式。所以你们两个都有一个边框，所以双边框。只需更改p上的班级 - <p class="footer">

即可