CSS设置元素浮动固定位置

最新推荐文章于 2022-11-02 22:19:42 发布

wh_week8

最新推荐文章于 2022-11-02 22:19:42 发布

阅读量1.6k

点赞数

分类专栏： CSS 文章标签： css固定div css滑动固定 css悬浮效果

本文链接：https://blog.csdn.net/u014505277/article/details/118030481

版权

效果图：

代码：

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<title>DIV悬浮示例-纯CSS实现</title>

		<style type="text/css">
			img {
				width: 120px;
			}
			/*设置了高度，可以上下滚动*/
			
			body {
				height: 1800px;
			}
			/*div通用样式*/
			div {
				background: #1ab7a72b;
				color: #ffffff;
				overflow: hidden;
				z-index: 9999;
				position: fixed;
				padding: 5px;
				text-align: center;
				width: 120px;
				height: 120px;
				border-bottom-left-radius: 4px;
				border-bottom-right-radius: 4px;
				bo