html表头固定并且适用百分比布局

发布日期:2013-02-17 15:20:32

<!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>

</head>


<body>

<table cellspacing="0" cellpadding="0" border="0" width="100%"> 
<tr>   
 <td>      
  <table cellspacing="0" cellpadding="1" border="1" width="100%" >        
   <tr>           
    <th>col 1 heading</th>           
    <th>col 2 heading</th>   
    <th>col 3 heading</th>
    <th>col 4 heading</th>
    <th style="width:13px">&nbsp;</th>
   </tr>      
  </table>   
 </td> 
</tr> 
<tr>   
 <td>      
  <div style="width:100%px; height:200px; overflow:auto;">        
  <table cellspacing="0" cellpadding="1" border="1" width="100%" >          
   <tr>            
    <td>col 1 data 1</td>            
    <td>col 2 data 1</td>   
    <td>col 3 data 1</td>
    <td>col 4 data 1</td>
   </tr>          
   <tr>            
    <td>col 1 data 1</td>            
    <td>col 2 data 1</td>   
    <td>col 3 data 1</td>
    <td>col 4 data 1</td>
   </tr>
      <tr>            
    <td>col 1 data 1</td>            
    <td>col 2 data 1</td>   
    <td>col 3 data 1</td>
    <td>col 4 data 1</td>
   </tr>
      <tr>            
    <td>col 1 data 1</td>            
    <td>col 2 data 1</td>   
    <td>col 3 data 1</td>
    <td>col 4 data 1</td>
   </tr>
      <tr>            
    <td>col 1 data 1</td>            
    <td>col 2 data 1</td>   
    <td>col 3 data 1</td>
    <td>col 4 data 1</td>
   </tr>
      <tr>            
    <td>col 1 data 1</td>            
    <td>col 2 data 1</td>   
    <td>col 3 data 1</td>
    <td>col 4 data 1</td>
   </tr>
      <tr>            
    <td>col 1 data 1</td>            
    <td>col 2 data 1</td>   
    <td>col 3 data 1</td>
    <td>col 4 data 1</td>
   </tr>
      <tr>            
    <td>col 1 data 1</td>            
    <td>col 2 data 1</td>   
    <td>col 3 data 1</td>
    <td>col 4 data 1</td>
   </tr>
      <tr>            
    <td>col 1 data 1</td>            
    <td>col 2 data 1</td>   
    <td>col 3 data 1</td>
    <td>col 4 data 1</td>
   </tr>
      <tr>            
    <td>col 1 data 1</td>            
    <td>col 2 data 1</td>   
    <td>col 3 data 1</td>
    <td>col 4 data 1</td>
   </tr>
      <tr>            
    <td>col 1 data 1</td>            
    <td>col 2 data 1</td>   
    <td>col 3 data 1</td>
    <td>col 4 data 1</td>
   </tr>
      <tr>            
    <td>col 1 data 1</td>            
    <td>col 2 data 1</td>   
    <td>col 3 data 1</td>
    <td>col 4 data 1</td>
   </tr>
      <tr>            
    <td>col 1 data 1</td>            
    <td>col 2 data 1</td>   
    <td>col 3 data 1</td>
    <td>col 4 data 1</td>
   </tr>
      <tr>            
    <td>col 1 data 1</td>            
    <td>col 2 data 1</td>   
    <td>col 3 data 1</td>
    <td>col 4 data 1</td>
   </tr>
      <tr>            
    <td>col 1 data 1</td>            
    <td>col 2 data 1</td>   
    <td>col 3 data 1</td>
    <td>col 4 data 1</td>
   </tr>
      <tr>            
    <td>col 1 data 1</td>            
    <td>col 2 data 1</td>   
    <td>col 3 data 1</td>
    <td>col 4 data 1</td>
   </tr>
      <tr>            
    <td>col 1 data 1</td>            
    <td>col 2 data 1</td>   
    <td>col 3 data 1</td>
    <td>col 4 data 1</td>
   </tr>
      <tr>            
    <td>col 1 data 1</td>            
    <td>col 2 data 1</td>   
    <td>col 3 data 1</td>
    <td>col 4 data 1</td>
   </tr>
      <tr>            
    <td>col 1 data 1</td>            
    <td>col 2 data 1</td>   
    <td>col 3 data 1</td>
    <td>col 4 data 1</td>
   </tr>
      <tr>            
    <td>col 1 data 1</td>            
    <td>col 2 data 1</td>   
    <td>col 3 data 1</td>
    <td>col 4 data 1</td>
   </tr>
      <tr>            
    <td>col 1 data 1</td>            
    <td>col 2 data 1</td>   
    <td>col 3 data 1</td>
    <td>col 4 data 1</td>
   </tr>
      <tr>            
    <td>col 1 data 1</td>            
    <td>col 2 data 1</td>   
    <td>col 3 data 1</td>
    <td>col 4 data 1</td>
   </tr>
      <tr>            
    <td>col 1 data 1</td>            
    <td>col 2 data 1</td>   
    <td>col 3 data 1</td>
    <td>col 4 data 1</td>
   </tr>
      <tr>            
    <td>col 1 data 1</td>            
    <td>col 2 data 1</td>   
    <td>col 3 data 1</td>
    <td>col 4 data 1</td>
   </tr>
      <tr>            
    <td>col 1 data 1</td>            
    <td>col 2 data 1</td>   
    <td>col 3 data 1</td>
    <td>col 4 data 1</td>
   </tr>
      <tr>            
    <td>col 1 data 1</td>            
    <td>col 2 data 1</td>   
    <td>col 3 data 1</td>
    <td>col 4 data 1</td>
   </tr>
  </table>        
  </div>   
 </td> 
</tr>
</table>

 


</body>
</html>