题解 | #定位 - fixed - 广告#
定位 - fixed - 广告
http://www.nowcoder.com/practice/2fca877b2330412586d3dc0d270ea48e
<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;
}
.advert:first-line {
color: white;
}
.x{
position:absolute;
right:0;
}
</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>