2 minggu lalu · 162bbd127f
--- a/5.css3/10.盒子水平垂直居中.html
+++ b/5.css3/10.盒子水平垂直居中.html
--- a/5.css3/11.盒子水平垂直居中.html
+++ b/5.css3/11.盒子水平垂直居中.html
--- a/5.css3/6.左侧固定右侧自适应.html
+++ b/5.css3/6.左侧固定右侧自适应.html
@@ -0,0 +1,25 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+<head>
			
 
				+    <meta charset="UTF-8">
			
 
				+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
			
 
				+    <title>Document</title>
			
 
				+    <style>
			
 
				+        .box1 {
			
 
				+            width: 200px;
			
 
				+            height: 200px;
			
 
				+            background: #00f;
			
 
				+        }
			
 
				+        .box2 {
			
 
				+            height: 300px;
			
 
				+            background: #f00;
			
 
				+            margin-left: 210px;
			
 
				+            margin-top: -200px;
			
 
				+        }
			
 
				+    </style>
			
 
				+</head>
			
 
				+<body>
			
 
				+    <div class="box1"></div>
			
 
				+    <div class="box2"></div>
			
 
				+</body>
			
 
				+</html>
			
--- a/5.css3/7.左侧固定右侧自适应.html
+++ b/5.css3/7.左侧固定右侧自适应.html
@@ -0,0 +1,26 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+<head>
			
 
				+    <meta charset="UTF-8">
			
 
				+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
			
 
				+    <title>Document</title>
			
 
				+    <style>
			
 
				+        .box1 {
			
 
				+            width: 200px;
			
 
				+            height: 200px;
			
 
				+            background: #00f;
			
 
				+            position: absolute;
			
 
				+
			
 
				+        }
			
 
				+        .box2 {
			
 
				+            height: 200px;
			
 
				+            margin-left: 210px;
			
 
				+            background-color: #ff0;
			
 
				+        }
			
 
				+    </style>
			
 
				+</head>
			
 
				+<body>
			
 
				+    <div class="box1"></div>
			
 
				+    <div class="box2"></div>
			
 
				+</body>
			
 
				+</html>
			
--- a/5.css3/8.左侧固定右侧自适应.html
+++ b/5.css3/8.左侧固定右侧自适应.html
@@ -0,0 +1,26 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+<head>
			
 
				+    <meta charset="UTF-8">
			
 
				+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
			
 
				+    <title>Document</title>
			
 
				+    <style>
			
 
				+        .box1 {
			
 
				+            width: 200px;
			
 
				+            height: 200px;
			
 
				+            background: #00f;
			
 
				+            float: left;
			
 
				+
			
 
				+        }
			
 
				+        .box2 {
			
 
				+            height: 200px;
			
 
				+            background-color: #ff0;
			
 
				+            margin-left: 210px;
			
 
				+        }
			
 
				+    </style>
			
 
				+</head>
			
 
				+<body>
			
 
				+    <div class="box1"></div>
			
 
				+    <div class="box2"></div>
			
 
				+</body>
			
 
				+</html>
			
--- a/5.css3/9.左侧固定右侧自适应.html
+++ b/5.css3/9.左侧固定右侧自适应.html
@@ -0,0 +1,28 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+<head>
			
 
				+    <meta charset="UTF-8">
			
 
				+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
			
 
				+    <title>Document</title>
			
 
				+    <style>
			
 
				+        body {
			
 
				+            display: flex;
			
 
				+        }
			
 
				+        .box1 {
			
 
				+            width: 200px;
			
 
				+            height: 200px;
			
 
				+            background: #00f;
			
 
				+
			
 
				+        }
			
 
				+        .box2 {
			
 
				+            flex: 1;
			
 
				+            height: 200px;
			
 
				+            background-color: #ff0;
			
 
				+        }
			
 
				+    </style>
			
 
				+</head>
			
 
				+<body>
			
 
				+    <div class="box1"></div>
			
 
				+    <div class="box2"></div>
			
 
				+</body>
			
 
				+</html>