关于float和clear

<body>
 <div class="fd_0">
  <div class="fd_1">
   <table>
    <tr>
     <td>
      <p>博看文思是三星移动全球三大核心开发商之一（亚洲唯一一家）；也是法国电信（Orange）的核心战略合作伙伴；博看文思还服务于中国美国商会（AmCham China），是其唯一指定全球 IT 服务商。
      </p>
     </td>
    </tr>
   </table>
  </div>
  <div class="fd_2">
   <table>
    <tr>
     <td>
      <p>博看文思是三星移动全球三大核心开发商之一（亚洲唯一一家）；也是法国电信（Orange）的核心战略合作伙伴；博看文思还服务于中国美国商会（AmCham China），是其唯一指定全球 IT 服务商。
      </p>
     </td>
    </tr>
   </table>
  </div>
  <div class="cle"></div>
 </div>
</body>

...................................................css..................................................

.fd_0{
 border:5px red solid;
 background-color:#082;
}
.fd_1 table,.fd_2 table{
 height:150px;width:350px;
 margin:20px;
 text-indent:32px;
 border:5px solid yellow;
 border-left:8px blue solid;
 border-right:8px blue solid;
 background-color:#577;
}
.fd_2 table{height:200px;}
.fd_1{float:left;}
.fd_2{float:right;}
.cle{clear:left;height:0;overflow:hidden;}

posted @ 2011-02-13 15:44  wdl818  阅读(224)  评论(0)    收藏  举报