html制作国字布局,各种经典布局--“国”字布局

目前只有一个div框把布局切好了，里面暂无任何元素。 html:

"国"字布局

1

2

3

css:

body{

margin: 0;

padding: 0;

}

#wrap{

width: 100%;

height: auto;

}

#header{

width: 100%;

height: 10em;

}

#main-content{

width: auto;

height: auto;

}

#left-sidebar{

display: inline;

float: left;

width: 20%;

height: 35em;

}

#content-area{

display: inline;

float: left;

width: 50%;

height: 35em;

}

#right-sidebar{

display: inline;

float: left;

width: 20%;

height: 35em;

}

#footer{

clear:both;

width: 100%;

height: 10em;

}