文章介绍了CSS中用于隐藏元素的五种方法：overflow:hidden防止内容溢出并隐藏超出部分；display:none完全隐藏元素且不占空间；opacity:0使元素透明但保持位置；visibility:hidden隐藏元素但保留空间；以及通过负定位将元素移出视区。每种方法对布局和事件响应的影响不同。
1、overflow:hidden
防止溢出，也是一种隐藏，把超出范围的元素隐藏，这种一般用于文字过多使用。
2、display:none
这个是彻底的隐藏了元素，不占据空间，也就不影响布局，当然也无法响应事件。
3、opacity:0
是用来设置元素透明度的，但当设置成0的时候也就相当于隐藏元素了。因此，元素依然存在原来的位置，占据空间也可响应事件。
4、visibility:hidden
和display:none的区别在于，元素在页面消失后，其占据的空间依旧会保留着。如同 opacity 属性，被隐藏的元素依然会对我们的网页布局起作用，也会响应事件。
5、position
top和left设置成足够大的负数，相当于把元素放到可视区域外，不会影响布局。
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
