设置表格的宽度不填区

我有一个问题

我table，我已经设置了在CSS但它似乎仍然没有工作width到100％。然而，设置<td>宽度似乎正在工作。设置表格的宽度不填区

继承人的HTML：

<table id="events-table"> 
    <tr class="primary"> 
     <td>Event</td> 
     <td>Acts</td> 
     <td>Location</td> 
     <td>Date</td> 
    </tr> 
    <tr> 
     <td>Sample</td> 
     <td>Sample Acts</td> 
     <td>Sample Location</td> 
     <td>Friday 16/06/12 22:00</td> 
    </tr> 
    <tr> 
     <td>Sample</td> 
     <td>Sample Acts</td> 
     <td>Sample Location</td> 
     <td>Friday 16/06/12 22:00</td> 
    </tr> 
</table>

这里是CSS：

table#events-table { width:100%; } 
table#events-table td { padding:6px; } 
table#events-table td:nth-child(1) { width:30%; } 
table#events-table td:nth-child(2) { width:25%; } 
table#events-table td:nth-child(3) { width:25%; } 
table#events-table td:nth-child(4) { width:20%; } 
table#events-table tr:nth-of-type(odd) { background:#222; } 
table#events-table tr:nth-of-type(even) { background:#111; } 
#events-table .primary { font-weight:bold; background:#000 !important; }

我相信这可能是一些在我的样式表，与它冲突的，但我不能让我的指着它是什么。

我有一个活的工作版本here

来源

2012-07-30 Imran

在一个侧面说明，看看使用''的风格你的表头和''向风格的“正常”的行。你不需要'.primary'类来区分这两者。 – 2012-07-30 17:43:01

从class山坳似乎解决它删除float:left。

来源

2012-07-30 17:33:38 az7ar

谢谢你做到了！ – Imran 2012-07-30 17:50:01

我认为，在class山坳问题（的style.css - 线4）

.col { 
    display: inline; 
    overflow: hidden; 
    float: left; 
    position: relative; 
}

来源

2012-07-30 17:34:07 voodoo417

设置表格的宽度不填区

回答

相关问题