css可见性

overflow : hidden 将超出部分进行隐藏

display:none 直接将元素隐藏  隐藏后不占原来的位置

visibility: none 将元素隐藏   但隐藏后占据原来的位置

display:block 将元素进行显示（多与js进行搭配）

visibility:visible 显示元素

visibility的应用陷阱：

一个大盒子里面放一个小盒子.
大盒子设置 visibility: hidden, 小盒子继承为 hidden. 此时大小盒子的壳就都透明掉了.
当我们单独让小盒子 visible 时, 小盒子的壳就不透明了, 那么此时我们就能够(透过大盒子)看见小盒子了.