使用CSS排列隐藏元素

Question

好的，这就是我需要的：

• 我有一个水平容器（让我们称之为C），包含2个元素（A，B）
• 在这两个元素中，任何时候都只能看到一个元素。因此，另一个visibility属性设置为hidden。
• 假设这些元素按照这个确切的顺序放置：|<----------- A B ->|，因此右对齐。
• 当元素B处于活动状态时，一切正常。
• 当元素A处于活动状态（因此B不可见）时，A元素不会浮动到右侧并保持原样：|<----------- A --->|

问题：

• 我怎样才能将元素A“推”到右边（“元素B上方”），这样它就像是向右浮动/

Answer 1

使用display:none;代替visibility:hidden;，因为visibility:hidden;会隐藏元素，但仍会占用空间

Answer 2

Visibility: hidden会阻止元素呈现，但仍会占用空间。

Display: none将阻止元素呈现AND影响布局。