说明

隐藏元素主要有三种方法（也可以用left: -9999px或者transform: translateX(-9999px);将元素移出视口外部。）

1.display: none;

2.visible: hidden;

3.opacity: 0;

下面从 占据空间 点击事件 子元素是否收到影响 三个方面进行对比

从占据空间角度对比

1：不占据空间

2：占据空间

3：占据空间

从是否响应点击事件角度对比

1：不可触发点击事件

2：不可触发点击事件

3：可以触发点击事件

从子元素是否受到影响（指子元素重新设置样式是否可以显形）角度对比

1：受到影响

2：不受影响

3：受到影响