使用 CSS 排列隐藏元素

Question

好的，这就是我需要的：

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

问题：

• 如何将元素 A 向右“推”（“上方”元素 B），使其就像向右浮动/

Answer 1

使用display:none;而不是visibility:hidden;asvisibility:hidden;将隐藏元素但仍占用空间