【css】显示与隐藏_godac的博客-爱代码爱编程
元素的显示与隐藏
类似网站广告，当我们点击关闭就不见了，但是我们重新刷新页面，会重新出现！
本质：让一个元素在页面中隐藏或者显示出来。
display
display:none;隐藏对象display:block;除了转换为块级元素之外，同时还有显示元素的意思
display 隐藏元素后，不再占有原来的位置。
visibility
visibility:visible;元素可视visibility:hidden;元素隐藏
visibility 隐藏元素后，继续占有原来的位置。
区别
- 如果隐藏元素想要原来位置，就用 visibility：hidden
- 如果隐藏元素不想要原来位置，就用 display：none (用处更多 重点）
overflow 溢出
overflow 属性指定了如果内容溢出一个元素的框（超过其指定高度及宽度）时，会发生什么
| 属性值 | 描述 |
|---|---|
| visible | 不剪切内容也不做滚动条 |
| hidden | 超出部分隐藏掉 |
| scroll | 溢出的部分显示滚动条，总是显示滚动条 |
| auto | 超出自动添加滚动条，不超出时不显示滚动条 |
一般情况下，我们都不想让溢出的内容显示出来，因为溢出的部分会影响布局。
但是如果有定位的盒子， 请慎用overflow:hidden 因为它会隐藏多余的部分。