overflow、display、visibility这三个属性的值有很多类似的地方，在新视觉实训的课堂上可能没有详细的给大家说明，因为这几个属性你在实际开发中根本就用不到，但是有些项目你不懂得这些css的属性，不能很好的处理某些网页设计中细节问题，在这里，我就给大家详细的剖析一下，在html中div+css的属性区别。

下面先看一下这三个属性的各项值，我们可以对比一下。

1.overflow  主要是对容器内超出本容器内容如何来显示进行处理
◆ hidden  隐藏超出的内容
◆ visible  始终显示实际的内容
◆ auto 超出出现滚动条,未超出正常显示
◆ scroll 始终出现滚动条
2.display主要是控制元素的显示状态
◆ 常用属性 none  指的是不显示即隐藏
◆ display 以块元素的方式显示(即具有块元素的属性)
◆ inline 行元素以的方式显示(即具有行元素的属性)
◆ inline-block 行内块级元素
3.visibility 主要是控制元素的隐藏和显示状态
◆ visible 当前元素为显示状态
◆ hidden 当前元素为隐藏状态
三个属性设置为隐藏状态时的区别
◆ overflow:只是对超出容器的内容进行处理
◆ display:整个元素的显示状态是不可见的,浏览器会认为这个元素不存在。
◆ visibility:浏览器认为该元素存在，但是不显示出来，所有该隐藏的元素还会占据原有的位置。

这些属性很少情况下能够同时使用的，随着大家对网页设计的不断深入，未来会用到这些知识的，希望大家通过新视觉实训网页设计部的提高课程，能够对你的职业发展起到更好的作用。