master

分支 (1)

管理

管理

master

html_study
/
lesson6.html

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>lesson 2</title>
		<style>
			body {
				margin: 0;
			}
			div{
				margin: 0;
				padding: 0;
			}
			#div1{position:relative;
			left:100px;
			top:100px;

				background-color:orange;
			height:100px;
			width:100px;
			}
			#div2{position:absolute;
			top:10px;
			left:10px;
				background-color:green;
			height:200px;
			width:200px;
		}
		#div3{position:relative;
		top:20px;
		left:130px;
			background-color:red;
		height:50px;
		width:50px;
		}
			</style>
			<body>
				<div id="div1">
					<div id="div2">
						<div id="div3"></div>
					</div>
				</div>

	</body>

</html>