Add files via upload

Fantastic-Chen · Oct 19, 2018 · be1854a · be1854a
1 parent e02166e
commit be1854a
Showing 1 changed file with 57 additions and 0 deletions.
diff --git a/三栏布局/双飞翼布局.html b/三栏布局/双飞翼布局.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <title>Layout</title>
+    <style media="screen">
+    html * {
+        padding: 0;
+        margin: 0;
+    }
+    </style>
+</head>
+
+<body>
+    <style>
+    .container {
+        min-width: 600px;
+    }
+
+    .left {
+        float: left;
+        width: 200px;
+        height: 400px;
+        background: red;
+        margin-left: -100%;
+    }
+
+    .center {
+        float: left;
+        width: 100%;
+        height: 500px;
+        background: yellow;
+    }
+
+    .center .inner {
+        margin: 0 200px;
+    }
+
+    .right {
+        float: left;
+        width: 200px;
+        height: 400px;
+        background: blue;
+        margin-left: -200px;
+    }
+    </style>
+    <article class="container">
+        <div class="center">
+            <div class="inner">双飞翼布局</div>
+        </div>
+        <div class="left"></div>
+        <div class="right"></div>
+    </article>
+</body>
+
+</html>