css悬浮右侧悬浮
2024-09-04 04:26:25
<html>
<head>
<title>CSSDemo</title>
<style type"text/css">
.hover-right-css{
background-color:orange;
width:100px;
height:100px;
position:fixed;/*fixed总是以body为定位时的对象，总是根据浏览器的窗口来进行元素的定位，通过"left"、 "top"、 "right"、 "bottom" 属性进行定位。*/
right:0px;/*设置与右侧的距离*/
bottom:50px;/*设置与底部的距离*/
z-index:100;/*设置显示次序，数字越大显示越靠前*/
}
</style>
</head>
<body style="height:2000px;">
<!--前端代码开始-->
<div class="hover-right-css"></div>
<!--前端代码结束-->
</body>
</html>
最新文章
- R语言学习笔记之: 论如何正确把EXCEL文件喂给R处理
- 架设laravel
- 数据库时间createtime字段 数据类型的选取
- POJ C++程序设计 编程题＃1 编程作业—文件操作与模板
- Python之定向爬虫Scrapy
- iOS 深入Objective-C的动态特性
- OpenGL ES着色器语言之变量和数据类型（二）（官方文档第四章）
- 大神教你如何解决Linux系统80端口被占用
- POJ 3278 抓奶牛（BFS入门题）
- day2-python工具的选择使用
- Linux中使用pwconv实现passwd中密码到shadow
- 『科学计算』科学绘图库matplotlib学习之绘制动画
- C语言发送邮件
- php读取用友u8客户档案
- vue过滤器在v2.0版本用法
- 20190417 CentOS 7下安装ActiveMQ
- HTTP之Response状态码
- 混乱的 Java 日志体系
- 搜索引擎ElasticSearch系列（四）： ElasticSearch2.4.4 sql插件安装
- Bash命令查找本机公网IP