CSS绝对定位模拟固定定位(absolute模拟fixed)

滚动条的产生
滚动条在谁身上
初始包含块


<html>
	<head>
		<meta charset="UTF-8">
		<title>title>
		<style type="text/css">
			*{
      
				margin: 0;
				padding: 0;
			}
			html{
      
				height: 100%;
				overflow: hidden;
			}
			body{
      
				height: 100%;
				overflow: hidden;
			}
			#wrap{
      
				height: 100%;
				border: 1px solid deeppink;
				overflow: auto;
			}
			#pink{
      
				position: absolute;
				left: 0;
				top: 0;
				width: 200px;
				height: 200px;
				background: pink;
			}
		style>
	head>
	<body>
		
		<div id="wrap">
			<div id="pink">
				
			div>
			<div id="test" style="height: 3000px;">
			
			div>
		div>
	body>
html>

你可能感兴趣的:(#,css笔记)