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

colfloat:leftから削除すると解決するようです。class

于 2012-07-30T17:33:38.407 に答える
1

class コルの問題だと思います（style.css - 4行目）

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