元素的显示与隐藏

类似网站广告，当我们点击关闭就不见了，但是我们重新刷新页面，会重新出现！
本质：让一个元素在页面中隐藏或显示出来

1、display 显示隐藏

display: none;  隐藏对象
display: block;  除了转换为块级元素之外，同时还有显示元素的意思

display隐藏元素后，不再占有原来的位置

2、 visibility 显示隐藏

visibility属性用于指定一个元素应可见还是隐藏

• visibility: visible; 元素可见
• visibility: hidden; 元素隐藏

visibility隐藏元素后，继续占有原来的位置

3、overflow 溢出显示隐藏

overflow属性指定了如果内容溢出一个元素的框（超过其指定高度及宽度）时，会发生什么。

• overflow: visible; 显示溢出元素
• overflow: hidder; 隐藏溢出元素
• overflow: scroll; 不管溢不溢出，都添加水平/垂直滚动条
• overflow: auto; 溢出的时候添加滚动条，否则不显示

注意：有定位的盒子，请慎用overflow: hidden;，不然会隐藏使得显示不完整。