From 688716e325757f5c7a876ff794e05640c2a55ee0 Mon Sep 17 00:00:00 2001 From: crossdark Date: Fri, 20 Sep 2024 20:14:22 +0800 Subject: [PATCH] =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E5=A5=BD=E4=BA=86=E4=BD=86?= =?UTF-8?q?=E8=BF=98=E6=98=AF=E6=B2=A1=E6=9C=89=E5=AE=8C=E5=85=A8=E5=A5=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- SinkDark/publicStatic/css/base.css | 35 +++++++++++++++++------------- 1 file changed, 20 insertions(+), 15 deletions(-) diff --git a/SinkDark/publicStatic/css/base.css b/SinkDark/publicStatic/css/base.css index 09e3702..b38ca05 100644 --- a/SinkDark/publicStatic/css/base.css +++ b/SinkDark/publicStatic/css/base.css @@ -17,13 +17,18 @@ a:hover { text-decoration: none; color: #000; } .blank { height: 20px; overflow: hidden; width: 100%; margin: auto; clear: both } .f_l { float: left } .f_r { float: right } -article { width: 1000px; margin: 80px auto 0; overflow: hidden; zoom: 1; } +article { + width: 1000px; + margin: 80px auto 0; + overflow: hidden; + transform: scale(1); +} .l_box { /* 左边栏CSS样式规则 */ - float: left; /* 举例:让这个aside元素向左浮动 */ - width: 20%; /* 举例:设置宽度为父容器的25% */ - margin-right: 10px; /* 举例:设置右边距为20px */ - background-color: #f0f0f0; /* 举例:设置背景颜色为浅灰色 */ + float: left; /* 让这个aside元素向左浮动 */ + width: 20%; /* 设置宽度为父容器的25% */ + margin-right: 10px; /* 设置右边距为20px */ + background-color: #f0f0f0; /* 设置背景颜色为浅灰色 */ /* 您可以添加更多的样式规则 */ overflow: hidden; display: block; @@ -32,10 +37,10 @@ article { width: 1000px; margin: 80px auto 0; overflow: hidden; zoom: 1; } } .rt_box { /* 右边栏CSS样式规则 */ - float: right; /* 举例:让这个aside元素向右浮动 */ - width: 20%; /* 举例:设置宽度为父容器的20% */ - margin-left: 10px; /* 举例:设置右边距为20px */ - background-color: #f0f0f0; /* 举例:设置背景颜色为浅灰色 */ + float: right; /* 让这个aside元素向右浮动 */ + width: 20%; /* 设置宽度为父容器的20% */ + margin-left: 10px; /* 设置右边距为20px */ + background-color: #f0f0f0; /* 设置背景颜色为浅灰色 */ /* 您可以添加更多的样式规则 */ overflow: hidden; display: block; @@ -43,15 +48,15 @@ article { width: 1000px; margin: 80px auto 0; overflow: hidden; zoom: 1; } z-index: 1 } .r_box { -/* 右边栏CSS样式规则 */ - float: center; /* 举例:让这个aside元素向右浮动 */ - width: 70%; /* 举例:设置宽度为父容器的20% */ - background-color: #f0f0f0; /* 举例:设置背景颜色为浅灰色 */ - /* 您可以添加更多的样式规则 */ +/* 主体CSS样式规则 */ + float: center; /* 让这个aside元素向右浮动 */ + width: 60%; /* 设置宽度为父容器的20% */ + background-color: #f0f0f0; /* 设置背景颜色为浅灰色 */ + margin-left: 100px; /* 设置右边距为20px */ overflow: hidden; display: block; position: relative; - z-index: 1 + z-index: 2 } main { overflow: hidden; width: 68%; float: right; display: block; }