html四行三列怎么设置,div+css三行三列

1

* {

margin:0;

padding:0;

font-size:1em;

}

#header {

width:800px;

height:100px;

margin:0 auto;

background:#06f;

}

#divall {

width:800px;

margin:0 auto;

background:#fff;

}

#footer {

width:800px;

height:60px;

margin:0 auto;

background:#999;

}

#sider_a {

width:150px;

float:left;

background:#f93;

}

#main {

width:450px;

float:left;

margin-left:6px;

background:#dceafc;

}

#sider_b {

width:190px;

float:right;

background:#ccc;

}

header

sider_a

main

sider_b

footer

2

#header

{

MARGIN: 0px;

BORDER: 0px;

BACKGROUND: #ccd2de;

WIDTH: 580px;

HEIGHT: 60px;

}

#mainbox

{

MARGIN: 0px;

WIDTH: 580px;

BACKGROUND: #FFF;

}

/*定义页面左列样式*/

#menu

{

FLOAT: right;

MARGIN: 2px 0px 2px 0px;

PADDING:0px;

WIDTH: 200px;

BACKGROUND: #ccd2de;

}

/*定义页面中列样式*/

##sidebar

{

FLOAT: left;

MARGIN: 2px 0px 2px 0px;

PADDING: 0px;

BACKGROUND: #F2F3F7;

WIDTH: 180px;

}

/*定义页面右列样式*/

##content

{

FLOAT: right;

MARGIN: 2px 0px 2px 0px;

PADDING:0px;

WIDTH: 200px;

BACKGROUND: #E0EFDE;

}

#footer

{

CLEAR: both;

MARGIN: 0px 0px 0px 0px;

PADDING: 5px 0px 5px 0px;

BACKGROUND: #ccd2de;

HEIGHT: 40px;

WIDTH: 580px;

}

top

   

左

   

中

   

右

foot