元素的显示和隐藏

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

1.display属性
display:none 隐藏对象
display:block 除了转换成了块级元素之外，同时还有显示元素的意思
display:none 隐藏元素后，也不占有位置

2.visibility
visible 可以看到
hidden 元素隐藏

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

3.overflow 溢出
指定了如果内容溢出一个元素的框，会发生什么
visible 不剪切内容不添加滚动条
hidden 不显示超出对象尺寸的内容，超出部分隐藏掉 有定位的盒子会隐藏多余部分
scroll 不管超出不超出，都显示滚动条
auto 超出自动显示滚动条，不超出不显示滚动条