html div基本布局

<html>
<head>
<style>
div
{
 border: 1px solid blue;
}
</style>
</head>
<body>
<div style="width:300px;">
<div sytle="width:100%">
 <div style="width:33%;float:left"></div>
 <div style="width:33%;float:left"></div>
 <div style="width:33%;float:left"></div>
</div>
<div sytle="width:100%;">
 <div style="width:33%;float:left"><div style="height:200px"></div></div>
 <div style="width:66%;float:left">
  <div>a</div>  
  <div>a</div>
  <div>a</div>
  <div>a</div>
 </div>
</div>
</div>
</body>
</html>

posted @ 2012-06-27 16:29  牧马  阅读(1112)  评论(0)    收藏  举报