通常需要一个容器包裹内容,这里内容暂定为一张图片,同时需要一个叉叉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;
}
效果如下