元素的显示与隐藏

1.display显示隐藏

（1）display:none;隐藏对象（隐藏元素后，不再占有原来的位置）（重点）

（2）display:block;除了转换为块级元素之外，还有显示元素的意思

2.visibility显示隐藏

（1）visibility:visible;元素可视

（2）visibility:hidden;元素隐藏（隐藏元素后，继续占有原来的位置）

3.overflow溢出显示隐藏

（1）overflow:visible;不剪切也不添加滚动条

（2）overflow:hidden;不显示超出对象尺寸的内容，超出的部分隐藏掉

（3）overflow:scroll;（溢出的部分显示滚动条，不溢出也显示滚动条）

（4）overflow:auto;（auto溢出时才显示滚动条，不溢出不显示滚动条）

注：如果有定位的盒子，慎用overflow:hidden，它会隐藏多余的部分