代码:
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 浮动可以改变元素在文档流中的