Jquery 边界和保证金问题

没有一个例子很难解释，所以这里有一个例子

您可以看到，当您单击“移除”按钮时，此事件将激发-

$('#button #remove').click(function() {
    $('#borderDiv').css('border','0px solid red'); 
});

这基本上是删除div周围的边框，但看看按钮是如何跳到底部的

我意识到如果删除#borderDiv中的#text div。。这个问题将得到解决（但我需要知道如何在不删除它的情况下修复该问题）

我还意识到按钮跳到底部等于#text div的上边距， 这很奇怪

所以请帮我解决这个问题
我从事大项目，JSFIDLE中的示例只是为了解释这个问题。。谢谢

$(document).ready(function() {
    $('#button #add').click(function() {
        $('#borderDiv').css('border','1px solid red'); 
    });
    $('#button #remove').click(function() {
        $('#borderDiv').css('border','1px solid transparent'); 
    });
});​

这样做。你可以测试一下

---

这样做。你可以测试它

你可能想要更新你的链接，它仍然指向问题的版本你可能想要更新你的链接，它仍然指向问题的版本尽管@AlexandruChelariu已经找到了解决方案，理解这个问题仍然很有趣。从Firebug中我可以看到，当其边框被删除时，包含的

borderDiv

元素会跳下（按下按钮）。文本实际上位于主体之外，因此它保持不变（忽略其容器）。非常有趣。虽然@AlexandruChelariu已经找到了解决方案，但理解这个问题仍然很有趣。从Firebug中我可以看到，当其边框被删除时，包含的

borderDiv

元素会跳下（按下按钮）。文本实际上位于主体之外，因此它保持不变（忽略其容器）。非常有趣。