jQuery选择器id未识别问题

这是我的剧本。 在这里，我试图用id进行除法，在单击时做某些事情。 然而，这个简单的代码就是不起作用

当我把带有“block1”的div作为id放在class=ground的div之外时，它工作正常。 但每当我在其他标记中插入时，选择器就无法识别id，当我单击它时，什么也不会发生

---

据我所知，id应该被识别，无论它属于哪里，不是吗？

它会很好地工作。更改css属性会影响这一点吗？这真的很奇怪。编辑：事实上，删除“ground”和“row”的css属性可以让它工作。。是什么原因造成的？好的。。我想我找到了罪犯。。表现为：相对；这就是原因。

    <div class="ground">
            <div class="row">
                <div class="box" id="block1">&nbsp;</div>
                <div class="box" id="block2">&nbsp;</div>
                <div class="box" id="block3">&nbsp;</div>
                <div class="box" id="block4">&nbsp;</div>
            </div>
        </div>

$(document).ready(function(){
    $('#block1').click(function(){
    $(this).slideUp();
    });
});