我们都知道css中的 display和visibility属性都可以控制元素的显示和隐藏，那这两个有什么区别呢，什么时候该用display,什么时候该用visibility,下面我们来看一看： visibility属性用来确定元素是显示还是隐藏，他有”visible|hidden”两个值，visible表示显示，hidden表示隐藏。 下面我们通过实际效果来看区别： 正常效果 中间的黄色图层设置为visibility:hidden 中间的黄色图层设置为display:none 第一张图是正常情况下的效果，第二张是我将中间的的黄色图层设置为visibility:hidden后的效果,第三张图是将中间的黄色图层设置为display:none时的效果 <div> <div [...]