css问题 怎么让这两个矩形div居底部。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>浮动</title>
<style type="text/css">
#postBar {
  position:fixed;
  left:0px;
  bottom:0;
  _position:absolute;
  _top:expression(document.documentElement.clientHeight + document.documentElement.scrollTop - this.offsetHeight);
}
</style>
</head>
<body><table> <tr><td valign="bottom">
    
    
  <div style="float:left; width:65px" >
  0.00
  </div>
    
  <div style="float:left; width:65px" >
  0.00
  </div>
    
  </td></tr>
  
  <tr><td valign="bottom">
    
  <div style='float:left;background-color:Blue; width:50px; height:100px;' ></div><div style="float:left; width:15px; height:100px; " ></div>   
    
  <div style='float:left;background-color:Blue; width:50px; height:200px;' ></div><div style="float:left; width:15px; height:200px; " ></div>   
    
 
  </td></tr>
  <tr><td>
    
  <div style="float:left; width:50px;text-align:center;">语文</div><div style="float:left; width:15px; height:10px; " ></div>
    
    
  <div style="float:left; width:50px;text-align:center;">数学</div><div style="float:left; width:15px; height:10px; " ></div>
    
    
  </td></tr>   
    
    
  </table>   </body>
</html>

解决方案 »

  1.   

    既然使用表格，就直接td就能完成
    float:left无法进行定位的
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
      <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
      <title>浮动</title>
      <style type="text/css">}
    </style>
    </head>
    <body>
      <table cellspacing="10" cellpadding="0">
        <tr style="text-align: center">
          <td valign="bottom" style="width: 65px">
            0.00
          </td>
          <td style="width: 65px">
            0.00
          </td>
        </tr>
        <tr style="text-align: center">
          <td  style="vertical-align: top; background-color: Blue; width: 50px;
            height: 100px;">
            <div style="width:100%;height:50px;background:#FFF">&nbsp;</div>
          </td>
          <td valign="bottom" style="vertical-align: bottom; background-color: Blue; width: 50px;
            height: 100px;">
          </td>
        </tr>
        <tr style="text-align: center">
          <td>
            语文
          </td>
          <td>
            数学
          </td>
        </tr>
      </table>
    </body>
    </html>
      

  2.   

    如果float，第一个div要加 margin-top:100px，但是这个值楼主可能是需要动态计算，楼主可以用jquery动态设置 margin-top
      

  3.   

    LZ 用table吧   DIV   还要做样式   TABLE来得直接些