JS困惑的一些东西

1、以前做项目的时候用过visibility这个属性，设置这个属性visibility=‘hidden’时，该容器的确不显示了但是还占有空间。 
后来修改为display=‘none’时，该层也不显示同时也不占空间。
得出以下结论：
display为none时,元素不占用页面空间,就好像该元素不存在一样.
visibility为hidden时,仍然占用页面空间,也就是这块区域虽然不可见,但是占据一块空间

2、 outline不占空间，border占空间。在给某些东西上焦点时，用outline真给力，不要再重新调布局。