表格寬度在IE中不適應

Question

表格在IE瀏覽器中不顯示全角。如何使表的寬度不取決於列寬，例如100px * 3，但取決於窗口寬度？

CSS代碼：

table { 
    border-collapse: collapse; 
    border-spacing: 0; 
    background-color: transparent; 
    width: 100%; 
    table-layout: fixed; 
} 

HTML代碼：

<table class="table table-hover table-bordered"> 
     <thead> 
      <tr> 
       <th style="width: 100px;">xxx</th> 
       <th style="width: 100px;">xxx</th> 
       <th style="width: 100px;">xxx</th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr> 
       <td></td> 
       <td></td> 
       <td></td> 
      </tr> 
      <tbody> 
    </table> 

注意這個問題不會在Chrome或Firefox存在。

Answer 1

嘗試把寬度屬性在表具有100％

<table width="100%" class="table table-hover table-bordered"> 
<thead> 
      <tr> 
       <th style="width: 100px;">xxx</th> 
       <th style="width: 100px;">xxx</th> 
       <th style="width: 100px;">xxx</th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr> 
       <td></td> 
       <td></td> 
       <td></td> 
      </tr> 
      <tbody> 
    </table>