类似于广告，点击关闭就不见了，刷新页面优惠重新出现
    本质：让一个元素在页面中隐藏或者显示出来

    1. display显示隐藏
    2. visibility 显示隐藏
    3. overflow 溢出隐藏

    1.display属性
    display属性用于设置一个元素如何显示。

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

    display隐藏元素后，不再占有原来的位置
    2.visibility属性

    • visibility:visible; 元素可视
    • visibility:hidden; 元素隐藏

    visibility隐藏元素后，继续占有原来的位置
    如果隐藏元素想要原来的位置，就用visibility:hidden
    如果隐藏元素不想要原来的位置，就用display:none（用的多）
    3.overflow溢出
    overflow属性指定了如果内容溢出一个元素的况（超过其指定高度及宽度）时，会溢出

    属性值 描述
    visible 不剪切内容也不添加滚动条
    hidden 不显示超过对象尺寸的内容，超出部分隐藏掉
    scroll 不管是否超出内容，都显示滚动条
    auto 超出自动显示滚动条，不超出不显示滚动条

    一般情况都不会让溢出的内容显示出来，会影响布局。
    有定位的盒子慎用overflow:hidden 因为他会隐藏多余的部分