html - 使用 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;将隐藏元素但仍占用空间

Answer 2

Visibility: hidden将阻止元素被渲染，但仍会占用空间。

Display: none将阻止元素被渲染并影响布局。