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; }