博客列表 >固定定位广告位总结-2019年1月15日

固定定位广告位总结-2019年1月15日

的博客
的博客原创
2019年01月21日 17:48:48576浏览

实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        .ads{
            width:350px;
            height:280px;
            background-color: aquamarine;
            position:fixed;
            right:0px;
            bottom:0;
        }
        button{
            float: right;
            margin-right: 10px;
        }
    </style>
</head>
<body>
    <div class="ads">
            <button onclick="this.parentNode.style.display = 'none'">关闭</button>
       <h2> PHP中文网-固定定位广告位</h2>
       
    </div>
    
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

总结:

固定定位:position:fixed;

this.parentNode:选择自身的父节点

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议