
visibility: hidden;
给div1
设置visibility: hidden;
,效果如下:

可见,div1
并未脱离文档流
display:none;
给div1
设置display:none;
,效果如下:

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