删除前一个元素后如何停止元素的移动？

Question

我这里有 3 个 div，点击后其中一个隐藏，但第三个 div 被删除，我如何确保第三个 div 保留在相同的位置，不使用 position: absolute; 并允许它通过其他方式移动（在我的例子中是 div 围绕这些 div 的移动）

$("#sneaky").click(function(){
 $("#sneaky").hide()
})

div {
  width: 100px;
  height: 100px;
  background-color: gray;
  border: 1px solid;
  display: inline-block;
}
#sneaky {
  background-color: red;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span>
    <div></div>
    <div id ="sneaky"></div>
    <div></div>
</span>

Answer 1

使用 visibility: hidden 作为 CSS 而不是 hide。

$("#sneaky").click(function(){
    $("#sneaky").css('visibility','hidden');
})

删除前一个元素后如何停止元素的移动？

how would i stop the movement of an element after a previous element is removed?

html

css

position