我在 DIV 元素中有多个表格,并希望在一定宽度上提供水平滚动条。如何在具有多个表的 div 上提供水平滚动条
<div style="float:left; max-width:300px; min-width:50px; overflow-x:auto!important; white-space:nowrap;">
<table width="200" border="1" cellpadding="0" cellspacing="0" style="float:left">
<tr>
<td>test1</td>
<td>test1</td>
<td>test1</td>
</tr>
<tr>
<td>test1</td>
<td>test1</td>
<td>test1</td>
</tr>
</table>
<table width="200" border="1" cellpadding="0" cellspacing="0" style="float:left!important">
<tr>
<td>test2</td>
<td>test2</td>
<td>test2</td>
</tr>
<tr>
<td>test2</td>
<td>test2</td>
<td>test2</td>
</tr>
</table>
</div>