Css float 如何防止浮动框在隐藏前移动？_Css Float

Css float 如何防止浮动框在隐藏前移动？

Css float 如何防止浮动框在隐藏前移动？,css-float,Css Float,我有两个盒子。两者都向左浮动。这两个框都有一个功能，当单击框时，它会隐藏。现在的问题是，当点击框1时，框2会移动以取代其位置，这就是问题所在。我不想让盒子2移动一点。请帮忙！这是一个演示或您的理解-第一个框的onclick应该是，$（this.css（“可见性”、“隐藏”）方框1 方框2 不幸的是，“display:none”会将相关元素从渲染过程中完全移除，而“visibility:hidden”则不是这种情况——前者保留元素使用的框，但不会渲染其内容。您可以轻松编写自己的函数，使用

我有两个盒子。两者都向左浮动。这两个框都有一个功能，当单击框时，它会隐藏。现在的问题是，当点击框1时，框2会移动以取代其位置，这就是问题所在。我不想让盒子2移动一点。请帮忙！

这是一个演示或您的理解-

第一个框的onclick应该是，

$（this.css（“可见性”、“隐藏”）


方框1
方框2

不幸的是，“display:none”会将相关元素从渲染过程中完全移除，而“visibility:hidden”则不是这种情况——前者保留元素使用的框，但不会渲染其内容。您可以轻松编写自己的函数，使用“可见性”属性代替“显示”来处理切换。
<html>
    <body>
        <div class="box" onclick="$(this).css('visibility', 'hidden')">Box 1</div>
        <div class="box" onclick="$(this).css('visibility', 'hidden')" >Box 2</div>
    </body>
</html>