1、overflow:hidden
防止溢出,也是一种隐藏,把超出范围的元素隐藏,这种一般用于文字过多使用。
2、display:none
这个是彻底的隐藏了元素,不占据空间,也就不影响布局,当然也无法响应事件。
3、opacity:0
是用来设置元素透明度的,但当设置成0的时候也就相当于隐藏元素了。因此,元素依然存在原来的位置,占据空间也可响应事件。
4、visibility:hidden
和display:none的区别在于,元素在页面消失后,其占据的空间依旧会保留着。如同 opacity 属性,被隐藏的元素依然会对我们的网页布局起作用,也会响应事件。
5、position
top和left设置成足够大的负数,相当于把元素放到可视区域外,不会影响布局。