display 显示（重点）
-
display 设置或检索对象是否及如何显示。
-
特点： display 隐藏元素后，不再占有原来的位置。
-
后面应用及其广泛，搭配 JS 可以做很多的网页特效。实际开发场景：
-
配合后面js做特效，比如下拉菜单，原先没有，鼠标经过，显示下拉菜单， 应用极为广泛
visibility 可见性 （了解）
-
visibility 属性用于指定一个元素应可见还是隐藏。
-
特点：visibility 隐藏元素后，继续占有原来的位置。（停职留薪）
-
如果隐藏元素想要原来位置， 就用 visibility：hidden
-
如果隐藏元素不想要原来位置， 就用 display：none (用处更多 重点）
overflow 溢出（重点）
-
overflow 属性指定了如果内容溢出一个元素的框（超过其指定高度及宽度） 时，会发生什么。
| 属性值 | 描述 |
|---|---|
| visible | 不剪切内容也不添加滚动条 |
| hidden | 不显示超过对象尺寸的内容，超出的部分隐藏掉 |
| scroll | 不管超出内容否，总是显示滚动条 |
| auto | 超出自动显示滚动条，不超出不显示滚动条 |
-
一般情况下，我们都不想让溢出的内容显示出来，因为溢出的部分会影响布局。
-
但是如果有定位的盒子， 请慎用overflow:hidden 因为它会隐藏多余的部分。
显示与隐藏总结
| 属性 | 区别 | 用途 |
|---|---|---|
| display 显示 （重点） | 隐藏对象，不保留位置 | 配合后面js做特效，比如下拉菜单，原先没有，鼠标经过，显示下拉菜单， 应用极为广泛 |
| visibility 可见性 （了解） | 隐藏对象，保留位置 | 使用较少 |
| overflow 溢出（重点） | 只是隐藏超出大小的部分 | 1. 可以清除浮动 2. 保证盒子里面的内容不会超出该盒子范围 |
