首先,使用元素布局
div布局 body{ margin:0px; } #container{ width:100%; height:950px; background-color:darkgray; } #heading{ width:100%; height:10%; background-color:aqua; } #content_menu{ width:30%; height:80%; background-color:aquamarine; float:left; } #content_body{ width:70%; height:80%; background-color:blueviolet; float:left; } #footing{ width: 100%; height: 10%; background-color: black; clear: both; } 头部 内容菜单 内容主体 底部其次,使用元素布局
table布局 body{ margin:0px; } #container{ width:100%; height:950px; background-color:darkgray; } #heading{ width:100%; height:10%; background-color:aqua; } #content_menu{ width:30%; height:80%; background-color:aquamarine; float:left; } #content_body{ width:70%; height:80%; background-color:blueviolet; float:left; } #footing{ width: 100%; height: 10%; background-color: black; clear: both; }主体 | 这是底部