first commit

2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions
--- a/历届学生/熊坤/2019-03-14/布局案例.html
+++ b/历届学生/熊坤/2019-03-14/布局案例.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>布局案例</title>
+  <style>
+    body {
+      margin: 0;
+    }
+    .top {
+      height: 40px;
+      background: yellow;
+    }
+    .left,
+    .right{
+      width: 200px;
+      height: 500px;
+    }
+
+
+    .left {
+      background: #000;
+    }
+    .right {
+      background: red;
+    }
+    .content {
+      width: 600px;
+      height: 500px;
+      background: palevioletred;
+    }
+
+    .float-left {
+      float: left;
+    }
+
+    .bottom {
+      height: 40px;
+      width: 100%;
+      background: #8d8d8d;
+      clear: both;
+    }
+  </style>
+</head>
+<body>
+  
+
+  <div class="main">
+    <div class="top">头部</div>
+
+    <div class="main-center">
+      <div class="left float-left">左边</div>
+      <div class="content float-left">中间内容</div>
+      <div class="right float-left">右边</div>
+    </div>
+
+    <div class="bottom">底部版权</div>
+  </div>
+
+
+</body>
+</html>