css中display:none与visibility: hidden的区别
display: none; 隐藏元素，不占用其本来空间------对应元素显示用的是display:block;
visibility: hidden；元素隐藏，占用其本来的页面空间---------对应隐藏内容显示用visibility: visible;
可视
visibility:hidden/visible/inherit/initial;
visible:元素可视；
hidden:元素不可视（仍占用空间）
inherit:继承父元素的可视性
display：inline-block/block/none/