0

我的表格有问题，我在 CSS 中将宽度设置为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; }

我相信这可能是我的样式表中的某些内容与之冲突，但我无法确定它是什么。

4

2 回答 2

1

float:left从class col中删除似乎可以解决它。

于 2012-07-30T17:33:38.407 回答
1

我认为，class col中的问题（style.css - 第 4 行）

.col {
   display: inline;
   overflow: hidden;
   float: left;
   position: relative;
}
于 2012-07-30T17:34:07.247 回答