元素的显示与隐藏

元素的显示与隐藏

本质：让一个元素在页面中隐藏或者显示出来。

1.display 显示隐藏

display属性：
display：none;隐藏对象
display:block；显示对象 除了转换为块级元素，同时还有显示元素的意思
display: 隐藏后，不在占用原来的位置

2.visibility 显示隐藏

visibility属性：
visibility：visible;元素可视
visibility：hidden;元素隐藏
visibility隐藏元素后，继续占有原来的位置

3.overflow 溢出显示隐藏

overflow属性：
overflow:visible 不剪切内容也不添加滚动条
overflow:hidden 不显示超过对象尺寸的内容，超出的部分隐藏掉
overflow:scroll 不管超出内容否，总是显示滚动条
overflow:auto 超出自动显示滚动条，不超出不显示滚动条
注：如果有定位的盒子，请慎用overflow因为它会隐藏多余的部分