css-元素显示与隐藏

类似网站广告，当我们点击关闭就不见了，但是我们重新刷新页面，会重新出现

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

 

1.display显示隐藏

display:none;隐藏对象

display:block;除了转换为块级元素以外，同时还有显示元素的意思

display隐藏元素后，不再占有原来的位置

 

2.visibility显示隐藏

visibility:visible;元素可见

visibility:hidden；元素隐藏

visibility隐藏元素之后，继续占有原来的位置

 

3.overflow溢出显示隐藏

 

/* overflow: visible; */

    /* overflow: hidden; */

            /* scroll溢出的部分用滚动条显示 不溢出也显示滚动条*/

            /* overflow: scroll; */

            /* auto 溢出的时候才显示滚动条 不溢出不显示滚动条 */

            /* overflow: auto; */