css控制广告位置,CSS固定定位实现右下角可关闭广告

代码:

Title

.adv {

/*调整广告图位置*/

position: fixed;

right: 10px;

bottom: -20px;

/*透明度 使得可以看见下面内容*/

opacity: 0.7;

}

.close {

/*关闭按钮样式*/

position: relative;

top: -315px;

right: 50px;

background-color: transparent;

border: none;

font-size: 20px;

cursor: pointer;

}

.close:active {

outline: none;

}

广告图:

效果图:

CSS学习笔记10 相对定位，绝对定位与固定定位

文档流中的元素的位置由元素在 (X)HTML 中的位置决定,这就是最原始的普通流,前面讲到的浮动CSS学习笔记08 浮动可以改变元素在文档流中的