元素的显示与隐藏

---

前言

类似网站广告, 当我们点击关闭就不见了, 重新刷新网页会重新出现.

一、本质

让一个元素在页面中隐藏或显示出来

二、display 显示隐藏

display属性用于设置一个元素应如何显示

• display: none ; 隐藏对象
• display: block; 显示元素

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

三、visibility 显示隐藏

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

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

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

四、overflow 溢出显示隐藏

overflow属性指定了如果内容溢出一个元素的框时, 会发生什么

属性

visible: 不剪切内容也不添加滚动条
hidden: 不显示超过对象尺寸的内容.
scroll: 溢出的部分显示滚动条.
auto : 溢出的时候才显示滚动条.