Javascript 显示和隐藏div时，它会自动重新调整周围的元素吗？

显示和隐藏div时，它会自动重新调整周围的元素吗

谷歌地图有一个小图标，可以显示/隐藏左窗格

---

它只是通过动画效果使其可见还是更精细？

取决于它是相对定位还是绝对定位。

---

在谷歌的例子中，它更复杂，但不是那么复杂，一旦动画完成，面板右侧的控件将被移动。

在重新调整方面，如果您使用CSS，则取决于天气是否使用“显示：无”选项或“可见性：隐藏”标记

可见性将隐藏它，但不会影响周围的元素，另一方面显示将

检查这段代码，它应该突出显示这一点

<div style="border: solid 2px black;">
    <div style="visibility: hidden;">
        Hello
        <br />    
    </div>
</div>

<br />

<div style="border: solid 2px black;">
    <div style="display: none;">
        Hello
        <br />    
    </div>
</div>

你好




你好

---

希望有帮助：）

任何进入/退出正常流（默认位置）的元素都将导致页面的其余部分相应地重新调整。但是，有一些方法可以从正常流中删除元素

position:absolute

或

position:relative

将从正常流中删除元素。使用这些元素，其他元素的行为就像定位的元素不存在一样（除非它们也使用定位规则）

要隐藏/显示div，请执行以下操作：

显示：无

将从正常流中删除元素

可见性：隐藏

将隐藏图元，但将其尺寸保持在正常流动状态