html三行三列模式布局,CSS三行三列Div布局

#onetype{

width:800px;

Height:600px;

border: 1px #48D1CC solid;

margin: auto;

}

#head{

width : 780px;

Height: 100px;

border: 1px #48D1CC solid;

margin: 2px auto;

}

#contain{

margin-right: auto;

margin-left: auto;

width: 780px;

}

#left{

float: left;

width:  150px;

height: 445px;

border: 1px #48D1CC solid;

margin: 2px 2px 0px 0px;

}

#middle{

float:left;

width:  465px;

height: 445px;

border: 1px #48EE1C solid;

margin: 2px 0px 2px 0px;

}

#right{

float:right;

width:  150px;

height: 445px;

border: 1px #48EE1C solid;

margin: 2px 0px 2px 0px;

}

#foot{

float:left;

width:778px;

height:30px;

border:1px #48D1CC solid;

margin:2px 2px 2px 4px;

}

posted on 2006-10-16 08:12 fang 阅读(336) 评论(0)  编辑 收藏 引用 所属分类: 软件学徒之路