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

This commit is contained in:
跨越晨昏 2024-09-20 20:14:22 +08:00
parent 8f11e9fab4
commit 688716e325

View File

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