html三行三列模式布局,一个CSS上中下三行三列结构的Div布局
>
上中下三行三列结构的Div布局body{text-align:center;margin:0;padding:0}
div
{
height:200px;
}
.title
{
margin:0 auto;
width:776px;
background-color:#abcdef;
}
.middle
{
margin:0 auto;
width:776px;
}
.left
{
float:left;
clear:right;
width:20%;
background-color:#eeefff;
}
.center
{
float:left;
clear:right;
width:50%;
background-color:#CCC000;
}
.right
{
float:left;
clear:right;
width:30%;
background-color:#fff000;
}
.both
{
clear:both;
width:100%;
background-color:#666999;
}
.footer
{
margin:0 auto;
width:776px;
clear:both;
background-color:#000fff;
}
顶部(模板无忧)
左侧
中部
右侧
全行
左侧
中部
右侧
全行
左侧
中侧
右侧