边界和保证金问题

时间:2012-11-27 15:47:39

标签: jquery html css margin

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

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

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

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

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

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

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

1 个答案:

答案 0 :(得分:7)

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

这样做。您可以对其进行测试here