CrossDark/SinkDark
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

页面好了但还是没有完全好

Browse Source
This commit is contained in:
跨越晨昏 2024-09-20 20:14:22 +08:00
parent 8f11e9fab4
commit 688716e325
1 changed files with 20 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
SinkDark/publicStatic/css/base.css
View File

@ -17,13 +17,18 @@ a:hover { text-decoration: none; color: #000; }
.blank { height: 20px; overflow: hidden; width: 100%; margin: auto; clear: both } .blank { height: 20px; overflow: hidden; width: 100%; margin: auto; clear: both }
.f_l { float: left } .f_l { float: left }
.f_r { float: right } .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 { .l_box {
/* 左边栏CSS样式规则 */ /* 左边栏CSS样式规则 */
float: left; /* 举例：让这个aside元素向左浮动 */ float: left; /* 让这个aside元素向左浮动 */
width: 20%; /* 举例：设置宽度为父容器的25% */ width: 20%; /* 设置宽度为父容器的25% */
margin-right: 10px; /* 举例：设置右边距为20px */ margin-right: 10px; /* 设置右边距为20px */
background-color: #f0f0f0; /* 举例：设置背景颜色为浅灰色 */ background-color: #f0f0f0; /* 设置背景颜色为浅灰色 */
/* 您可以添加更多的样式规则 */ /* 您可以添加更多的样式规则 */
overflow: hidden; overflow: hidden;
display: block; display: block;
@ -32,10 +37,10 @@ article { width: 1000px; margin: 80px auto 0; overflow: hidden; zoom: 1; }
} }
.rt_box { .rt_box {
/* 右边栏CSS样式规则 */ /* 右边栏CSS样式规则 */
float: right; /* 举例：让这个aside元素向右浮动 */ float: right; /* 让这个aside元素向右浮动 */
width: 20%; /* 举例：设置宽度为父容器的20% */ width: 20%; /* 设置宽度为父容器的20% */
margin-left: 10px; /* 举例：设置右边距为20px */ margin-left: 10px; /* 设置右边距为20px */
background-color: #f0f0f0; /* 举例：设置背景颜色为浅灰色 */ background-color: #f0f0f0; /* 设置背景颜色为浅灰色 */
/* 您可以添加更多的样式规则 */ /* 您可以添加更多的样式规则 */
overflow: hidden; overflow: hidden;
display: block; display: block;
@ -43,15 +48,15 @@ article { width: 1000px; margin: 80px auto 0; overflow: hidden; zoom: 1; }
z-index: 1 z-index: 1
} }
.r_box { .r_box {
/* 右边栏CSS样式规则 */ /* 主体CSS样式规则 */
float: center; /* 举例：让这个aside元素向右浮动 */ float: center; /* 让这个aside元素向右浮动 */
width: 70%; /* 举例：设置宽度为父容器的20% */ width: 60%; /* 设置宽度为父容器的20% */
background-color: #f0f0f0; /* 举例：设置背景颜色为浅灰色 */ background-color: #f0f0f0; /* 设置背景颜色为浅灰色 */
/* 您可以添加更多的样式规则 */ margin-left: 100px; /* 设置右边距为20px */
overflow: hidden; overflow: hidden;
display: block; display: block;
position: relative; position: relative;
z-index: 1 z-index: 2
} }
main { overflow: hidden; width: 68%; float: right; display: block; } main { overflow: hidden; width: 68%; float: right; display: block; }