通常需要一個容器包裹內(nèi)容谆棺，這里內(nèi)容暫定為一張圖片，同時需要一個叉叉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;
? ? ? ? }
效果如下
