5 

<style>
		.parent{
			margin: 100px auto;
			width: 800px;
			height: 400px;
			border: 10px solid red;
			/*相对*/
			position: relative;
		}
		.son{
			width: 100px;
			height: 100px;
			background-color: blue;
			/*绝对*/
			position: absolute;
			/*向右移动*/
			left: -110px;
			/*向下移动*/
			top: -110px;
		}
		</style>
		
	</head>
	<body>
		<div class="parent">
			<div class="son"></div>
		</div>
	</body>

<style>
			.main{
				height: 2000px;
				position: relative;
			}
			.bank{
				position: fixed;
				right: 10px;
				bottom: 10px;
			}
		</style>
	</head>
	<body>
		<!--超过1屏高度-->
		<h1 id="top">我是顶部</h1>
		<div class="main">
			<div class="bank">
				<a href="#top"><img src="img/向上 (1).png"></a>
			</div>
		</div>
	</body>
posted @ 2026-05-24 16:56  nichengzhang  阅读(10)  评论(0)    收藏  举报