td不会添加水平滚动条

Question

我尝试将overflow:auto;和overflow-x:auto;添加到我的<table>元素中，但这仍然不起作用。有什么想法吗？

这是我的网页：

http://www.whiterootmedia.com/database/dusty_arlia/jquery_cdns.html

这是我的代码：

<table class="yellow_table"  style="overflow:auto; overflow-x:auto;">
<tr>
<th>Host</th>
<th>Location</th>
</tr>

<tr>
<td>Google</td>
<td class="left_aligned_red_cell">https://developers.google.com/speed/libraries/devguide#jquery</td>
</tr>

<tr>
<td>jQuery.com</td>
<td class="left_aligned_red_cell">http://code.jquery.com/</td>
</tr>

<tr>
<td>Microsoft</td>
<td class="left_aligned_red_cell">http://www.asp.net/ajaxlibrary/cdn.ashx#jQuery_Releases_on_the_CDN_0</td>
</tr>

<tr>
<td>CDNJS</td>
<td class="left_aligned_red_cell">http://cdnjs.com/#jquery</td>
</tr>

</table>

Answer 1

将表格包裹在div中，并将overflow:auto提供给div。