页面好了但又没有完全好
This commit is contained in:
parent
0e1224361c
commit
8f11e9fab4
@ -22,7 +22,19 @@ article { width: 1000px; margin: 80px auto 0; overflow: hidden; zoom: 1; }
|
|||||||
/* 左边栏CSS样式规则 */
|
/* 左边栏CSS样式规则 */
|
||||||
float: left; /* 举例:让这个aside元素向左浮动 */
|
float: left; /* 举例:让这个aside元素向左浮动 */
|
||||||
width: 20%; /* 举例:设置宽度为父容器的25% */
|
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; /* 举例:设置背景颜色为浅灰色 */
|
background-color: #f0f0f0; /* 举例:设置背景颜色为浅灰色 */
|
||||||
/* 您可以添加更多的样式规则 */
|
/* 您可以添加更多的样式规则 */
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
@ -31,10 +43,9 @@ article { width: 1000px; margin: 80px auto 0; overflow: hidden; zoom: 1; }
|
|||||||
z-index: 1
|
z-index: 1
|
||||||
}
|
}
|
||||||
.r_box {
|
.r_box {
|
||||||
/* 右边栏CSS样式规则 */
|
/* 右边栏CSS样式规则 */
|
||||||
float: right; /* 举例:让这个aside元素向右浮动 */
|
float: center; /* 举例:让这个aside元素向右浮动 */
|
||||||
width: 20%; /* 举例:设置宽度为父容器的20% */
|
width: 70%; /* 举例:设置宽度为父容器的20% */
|
||||||
margin-left: 20px; /* 举例:设置右边距为20px */
|
|
||||||
background-color: #f0f0f0; /* 举例:设置背景颜色为浅灰色 */
|
background-color: #f0f0f0; /* 举例:设置背景颜色为浅灰色 */
|
||||||
/* 您可以添加更多的样式规则 */
|
/* 您可以添加更多的样式规则 */
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
@ -42,6 +53,7 @@ article { width: 1000px; margin: 80px auto 0; overflow: hidden; zoom: 1; }
|
|||||||
position: relative;
|
position: relative;
|
||||||
z-index: 1
|
z-index: 1
|
||||||
}
|
}
|
||||||
|
|
||||||
main { overflow: hidden; width: 68%; float: right; display: block; }
|
main { overflow: hidden; width: 68%; float: right; display: block; }
|
||||||
.container { width: 1000px; margin: auto }
|
.container { width: 1000px; margin: auto }
|
||||||
nav { width: 1000px; margin: auto }
|
nav { width: 1000px; margin: auto }
|
||||||
|
@ -71,6 +71,14 @@
|
|||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</aside>
|
</aside>
|
||||||
|
<aside class="rt_box">
|
||||||
|
<div class="tools">
|
||||||
|
<h2>小工具</h2>
|
||||||
|
<ul>
|
||||||
|
tools
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
{% block content %}{% endblock %}
|
{% block content %}{% endblock %}
|
||||||
|
Loading…
Reference in New Issue
Block a user