隐藏元素的几种方法

1：display:none；

常用，元素隐藏，不再占用元素位置。会改变页面布局

2：opacity:0；

CSS3属性：opacity，表示元素的透明度，而将元素的透明度设置为0后，元素完全透明，但是占用着位置，不会改变页面布局。

3：visibility:hidden；

常用，隐藏元素，占用元素位置，页面布局不会发生变化。

4：transform: scale(0);

缩放，占用元素位置，页面布局不会发生变化。

5：overflow:hidden;

防止溢出，内容超出时隐藏。

6：position：absolute; left:-2000px;

top和left设置成足够大的负数，把元素放到可视区域外。