<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>div例子</title>
<style type="text/css">
div#diva{
width: 100%;
height: 100px;
background-color: black;
}
#div01{
width: 50%;
height: 30px;
background-color: blue;
float:left;
}
#div02{
width: 50%;
height: 30px;
background-color: red;
float:right;
}
#div03{
height: 100px;
background-color: green;
}
</style>
</head>
<body>
<div id="diva">
<div id="div01">left</div>
<div id="div02">right</div>
<div id="div03">rest</div>
</div>
</body>
</html>