法一：display:none;

所有后代元素都会隐藏

好像这个元素不存在一样，即：不会在页面保留隐藏元素本来的占据的空间位置

所有后代元素都会隐藏

好像这个元素不存在一样，即：不会在页面保留隐藏元素本来的占据的空间位置

法二：visibility:hidden;

子元素设置了 visibility:visible; 则子元素依然可见。

元素大小不变，即：可在页面保留隐藏元素本来的所占据的空间位置【我们也可以理解为：元素变透明了！！！】

不可以被transition和animate

下面的元素就保留了原来所占据的空间

子元素设置了 visibility:visible; 则子元素依然可见。

元素大小不变，即：可在页面保留隐藏元素本来的所占据的空间位置【我们也可以理解为：元素变透明了！！！】

不可以被transition和animate

法三：overflow:auto/hidden;

规定了当内容元素溢出父容器时所展现出来的形式

裁剪内容，使用滚动条显示或者隐藏超出的内容

法四：opacity:0;

可以被transition和animate

可以被transition和animate

法五：position:absolute;

使元素脱离文档流，处于普通文档之上，并给它设置一个很大的 left负值 定位，使元素定位在可见区域之外

float 和 margin 都不能影响到 position: absolute 的元素，因此它们可以很好的被隐藏起来

使元素脱离文档流，处于普通文档之上，并给它设置一个很大的 left负值 定位，使元素定位在可见区域之外

float 和 margin 都不能影响到 position: absolute 的元素，因此它们可以很好的被隐藏起来