Create cssAbsoluteBody1.html

usrcheat · web-flow · commit 46dbe6f09e73 · 2019-05-09T11:16:12.000+09:00
diff --git a/20190509/cssAbsoluteBody1.html b/20190509/cssAbsoluteBody1.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<html>
+<head>
+  <meta charset = "utf-8"/>
+  <meta name = "viewport" content = "width = device-width, initial-scale = 1"/>
+  <style>
+		* {padding:0; margin:0;}
+		.div0 {position:static; width:300px; height:100px; border:50px solid lightgray;}
+		.span1, .span2, .span4 {position:static;}
+		.div3 {position:absolute; left:0px; top:100px;}
+		.bdcolor {border:1px solid blue;}
+	</style>
+	<title>position(배치) 실습</title>
+</head>
+<body>
+	<div class="div0">
+		<span class="bdcolor span1">1</span>
+		<span class="bdcolor span2">2</span>
+		<div class="bdcolor div3">3</div>
+		<span class="bdcolor span4">4</span>
+	</div>
+</body>
+</html>
