题解 | #定位 - fixed - 广告#
定位 - fixed - 广告
https://www.nowcoder.com/practice/2fca877b2330412586d3dc0d270ea48e
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
.advert {
width: 300px;
height: 200px;
background-color: black;
position: fixed;
right: 0;
bottom: 0;
}
.x{
position: absolute;
right: 0;
top: 0;
}
.advert:first-line {
color: white;
}
</style>
</head>
<body>
<section class="advert">
广告文案
<button class="x">x</button>
</section>
<script>
document.querySelector('button').onclick = function() {
this.parentNode.style.display = 'none'
}
</script>
</body>
</html>
原来广告是这么被设计出来的啊！！
