2021-02-04

网页右下角弹窗广告样式

通常需要一个容器包裹内容，这里内容暂定为一张图片，同时需要一个叉叉X关闭弹窗，可以是图片，也可以是span之类的等等。

布局如下

<div class="ad">
    <img src="../img/xx.png" alt="xx">
    <span></span>
</div>

样式如下

* {
            margin: 0;
            padding: 0;
        }

        img {
            vertical-align: top;
            border: none
        }

        .ad {
            position: fixed;
            right: 0;
            bottom: 0;
            display: none;
        }

        .ad > span {
            display: inline-block;
            width: 32px;
            height: 32px;
            position: absolute;
            top: 0;
            right: 0;
        }