无法得到一个表格的完整宽度

Question

<table> 
    <thead> 
     <tr> 
      <th> Column 1</th> 
     </tr> 
    </thead> 

    <tbody> 
     <tr> 
      <td>Header 1</td> 
     </tr> 
     <tr> 
      <td> Row 1</td> 
      <td> Row !</td> 
      <td> Row 1</td> 
     </tr> 
    </tbody> 
</table> 

无法得到充分的宽度表头以及身体的任何帮助

https://jsfiddle.net/c714kt0z/

Answer 1

您需要添加colspan ="3"因为你有最大3列在row。

table{ 
 
    width:100%; 
 
} 
 

 
thead{ 
 
    background-color: #eee; 
 
    width:100%; 
 
} 
 

 
tbody{ 
 
    width: 100%; 
 
}

<table width="100%"> 
 
    <thead> 
 
     <tr> 
 
      <th colspan="3"> Column 1</th> 
 
     </tr> 
 
    </thead> 
 
    
 
    <tbody> 
 
     <tr> 
 
      <td colspan="3">Header 1</td> 
 
     </tr> 
 
     <tr> 
 
      <td> Row 1</td> 
 
      <td> Row !</td> 
 
      <td> Row 1</td> 
 
     </tr> 
 
    </tbody> 
 
</table>