css实现隐藏元素的方法与区别

1.display:none;（常用）

真正意义上的消失，设置后不会占据空间位置，而且子标签都不会显示

2.visililety:hidden;（常用）

设置后仍占据位置，所以与display：none的区别它是只会导致浏览器重绘，而不会导致重排，但是不可以与用户进行交互

3.opacity:0;

只是实现视觉上的隐藏，仍占据位置并且可以与用户进行交互

4.position;

可以设置position的left right等属性把他移出屏幕