边界和保证金问题

Question

没有示例很难解释,所以这里是http://jsfiddle.net/dvXhP/2/的例子

您可以看到,当您单击按钮删除时,此事件将触发 -

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

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

我意识到,如果删除#borderDiv中的#text div,问题将得到解决(但我需要知道如何修复问题而不删除它).

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

所以请帮我解决这个问题!
我在大项目上工作,jsfiddle的例子只是为了解释这个问题..谢谢!

Answer 1

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

做这个.你可以在这里测试一下