页面好了但又没有完全好

SinkDark/publicStatic/css/base.css

@@ -22,7 +22,19 @@ article { width: 1000px; margin: 80px auto 0; overflow: hidden; zoom: 1; }
     /* 左边栏CSS样式规则 */
     float: left; /* 举例：让这个aside元素向左浮动 */
     width: 20%; /* 举例：设置宽度为父容器的25% */
-    margin-right: 20px; /* 举例：设置右边距为20px */
+    margin-right: 10px; /* 举例：设置右边距为20px */
+    background-color: #f0f0f0; /* 举例：设置背景颜色为浅灰色 */
+    /* 您可以添加更多的样式规则 */
+    overflow: hidden;
+    display: block;
+    position: relative;
+    z-index: 1
+}
+.rt_box {
+    /* 右边栏CSS样式规则 */
+    float: right; /* 举例：让这个aside元素向右浮动 */
+    width: 20%; /* 举例：设置宽度为父容器的20% */
+    margin-left: 10px; /* 举例：设置右边距为20px */
     background-color: #f0f0f0; /* 举例：设置背景颜色为浅灰色 */
     /* 您可以添加更多的样式规则 */
     overflow: hidden;
@@ -31,10 +43,9 @@ article { width: 1000px; margin: 80px auto 0; overflow: hidden; zoom: 1; }
     z-index: 1
 }
 .r_box {
-    /* 右边栏CSS样式规则 */
+/* 右边栏CSS样式规则 */
-    float: right; /* 举例：让这个aside元素向右浮动 */
+    float: center; /* 举例：让这个aside元素向右浮动 */
-    width: 20%; /* 举例：设置宽度为父容器的20% */
+    width: 70%; /* 举例：设置宽度为父容器的20% */
-    margin-left: 20px; /* 举例：设置右边距为20px */
     background-color: #f0f0f0; /* 举例：设置背景颜色为浅灰色 */
     /* 您可以添加更多的样式规则 */
     overflow: hidden;
@@ -42,6 +53,7 @@ article { width: 1000px; margin: 80px auto 0; overflow: hidden; zoom: 1; }
     position: relative;
     z-index: 1
 }
+
 main { overflow: hidden; width: 68%; float: right; display: block; }
 .container { width: 1000px; margin: auto }
 nav { width: 1000px; margin: auto }

SinkDark/templates/base.html

@@ -71,6 +71,14 @@
         </ul>
       </div>
   </aside>
+  <aside class="rt_box">
+    <div class="tools">
+        <h2>小工具</h2>
+        <ul>
+          tools
+        </ul>
+      </div>
+  </aside>
   {% endblock %}
 
 {% block content %}{% endblock %}