删除一个div框会影响另一个div框，即使它们没有任何关系

Question

我正在尝试删除此网站(http://www.tokensofchange.org/)上“功能”部分下面的白框。div本身非常简单：

<div class="donatenew"></div>

和css：

.donatenew {
  width:100%;
  background: #f8f8f8;
  height:1000px;
  }

但是每当我删除"donatenew“div时，下面的div，"bottomnew”div就会乱七八糟，这意味着它本质上会删除自己，只留下文本。

bottomnew div的html：

<div class="bottomnew">

<a href="http://www.beaurosariophoto.com">Beau R.</a> | (Photo)
<a href="http://www.flickr.com/photos/jb-london">JB-London</a> | (Photo)
<a href="#"></a> | (Logo)

</div class="bottomnew">

和css：

.bottomnew {
  width:100%;
  background: #d1d1d1;
  height: 300px;
  border-top: 6px solid #a9a9a9;
}

.bottomnew:a:link {color:#0088cc;
                   text-decoration: none;
                   }
           a:visited {}
           a:hover {color:#005580;}
           a:active {} 
 }

有没有人知道为什么每当从html中删除了"donatenew“div时，"bottomnew”div就会变得一团糟？如有任何帮助，将不胜感激，谢谢！

Answer 1

这可能不能完全解决问题，但我知道它会把你带到正确的方向。我检查了你的源代码，你有48个开始的<div>标签和55个结束的</div>标签。这就是问题所在。你应该使用this工具来检查你的DIV。

这个工具报告你有7个额外的div结束标签，就像我之前说过的。单击该工具上的div map链接后，就可以找到(以黄色突出显示的)额外的结束div标记。这是一个这样的例子。

​

​

​

​

你看到问题出在哪里了吗？我相信你会的。重新检查您的标记。