JS迷惑的一些东西

JS困惑的一些东西

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



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