<html>
<head>
<title>css的综合使用: DIV+CSS</title>
<style type="text/css">
#head {
height: 15%;
background-color: blue;
padding: 5px;
}
#body {
height: 75%;
background-color: gray;
}
#left {
width: 15%;
height: 100%;
background-color: red;
float: left;
}
#main {
width: 85%;
height: 100%;
background-color: green;
float: right;
}
#foot {
height: 10%;
background-color: orange;
padding: 5px;
}
</style>
</head>
<body style="text-align: center;">
<div id="head">上面</div>
<div id="body">
<div id="left">左边</div>
<div id="main">右边</div>
</div>
<div id="foot">下面</div>
</body>
</html>
原文地址：http://blog.csdn.net/u011794238/article/details/46045131
