元素的显示与隐藏

元素的显示与隐藏

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

display属性

• display: none; 隐藏对象
• display: block; 除了转化为块级元素之外，同时还有显示元素的意思
  display隐藏元素后，不在占有原来的位置。

visibility 可见性

• visibility: visble; 元素可视
• visibility: hidden; 元素隐藏

visibility 隐藏元素后，继续占有原来的位置
如果隐藏元素想要原来位置，就用visibility:hidden
如果隐藏元素不想要原来的位置，就用display:none(用处多，重点)

overflow 溢出

overflow:visible 不剪切内容也不添加滚动条
overflow:hidden 不显示超过对象尺寸的内容，超出的部分隐藏掉
overflow:scroll 不管超出内容否，总显示滚动
overflow:auto 超出自动显示滚动条，不超出不显示滚动条