html中table和div,HTML使用div和table进行布局

使用div布局：

div布局

body{

/*去掉周围的白边*/

margin: 0px;

}

#container{

width: 100%;

height: 950px;

background-color: aquamarine;

}

#heading{

width: 100%;

height: 10%;

background-color: gray;

}

#content_menu{

width: 30%;

height: 80%;

background-color: antiquewhite;

float: left;

}

#content_body{

width: 70%;

height: 80%;

background-color: blueviolet;

float: left;

}

#footing{

width: 100%;

height: 10%;

background-color: blue;

clear: both;

}

头部

内容菜单

内容主体

底部

使用table布局：

table布局

这是头部
iOS Android Win10	中间主体	右菜单
这是底部