文章目录
前言
今天分享的内容比较简单，具体大家可以往下看哦
元素的显示与隐藏
1、display
display: none; 用于隐藏元素
display: block; 除了可以转化为块元素外，还有显示元素的作用
特点是：隐藏后，不在占有原来的位置
2、visibility: 用于指定元素显示或隐藏
visibility: visible; 显示元素
visibility: hidden; 隐藏元素
特点：隐藏后继续占有原来的位置
应用场景：网站中的广告，刷新后还会出现
3、overflow 是对溢出的地方进行显示或者隐藏
overflow: visible; 默认是超出的部分显示
overflow: hidden; 隐藏多出的部分
overflow: scroll; 溢出的部分显示滚动条，不溢出也会显示
overflow: auto; 在超出的时候，显示滚动条
注：如果有定位的盒子，请慎用overflow: hidden 因为会隐藏多余的部分
总结
display、visibility、overflow 都可以实现对元素的显示或隐藏。但是要区分各自的使用场景。
