如何隐藏盒子

1.隐藏的两种写法

我们会遇到点击某个对象，然后将某个盒子进行隐藏的状况，此时可以使用以下两种属性写法：

A.display：none；

B.visibility:hidden;

分别将这两种属性写进需要隐藏的盒子里，都会出现将盒子隐藏的效果。

2.两种隐藏写法的区别

虽然上面两种写法隐藏盒子的作用都达到了，但还是有所区别的。其中第一种写法：display：none不仅可以让盒子隐藏，还可以使盒子“消失”，这样一来，这个隐藏的盒子不会占有位置。而第二种写法：visibility:hidden;让盒子隐藏之后，盒子的位置还在，盒子并没有“消失”。这就是这两者的区别所在了。