visibility: hidden;
给div1设置visibility: hidden;，效果如下：
可见，div1并未脱离文档流
display:none;
给div1设置display:none;，效果如下：
脱离了文档流
比较总结
display:none;更适合制作选项卡之类的页面样式.。
例如：将div1设置为display:block;，将div2和div3设置为display:none;，通过js控制三者的display的值在特定情况下转变实现相应效果（如点击上方tab栏）