html三个div布局,一个CSS上中下三行三列结构的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;

}

#azz_discription{ width:600px; height:auto; border:1px dashed #CCC; margin:0 auto; padding:10px;}

#azz_discription p{ line-height:25px;}

来源：懒之才　代码整理：懒之才

♥尊重他人劳动成果，转载请自觉注明出处！注：此代码仅供学习交流，请勿用于商业用途。

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！