visibility和display的区别

visibility属性用来确定元素是显示还是隐藏的，这用visibility="visible|hidden"来表示（visible表示显示，hidden表示隐藏）。

display 属性用来确定元素是显示还是隐藏的，
block :块儿级元素
inline：行级元素
none：隐藏
区别：
visibility设置为hidden的时候不会消失，会占着他所在的位置，只是不显示区域内的东西，而且鼠标单击事件等一切事件都会消失。相当于一块死代码，在那里占着自己的位置，就是不走，而且还不搭理你。
display：none  位置也不占，就相当于从页面消失一样，所以你想点击也点击不上。
这就是区别。