div中有一个表不滚动

Question

我有一个包含在div中的表。 表格布局是固定的。 div有css属性“overflow：scroll”。 但是当我用小于表的宽度改变div时， 滚动条没有出现

Answer 1

为DIV指定某些width，height，然后overflow:auto;

overflow:auto;
width:500px;
height:400px;

检查此代码

<style type="text/css">   
  .pqr{
    overflow:auto;
    width:500px;
    height:400px;
   }
</style>
<div class="pqr">
  <table width="600px" border="1">
    <tr>
      <td>
    Test
      </td>
    </tr>
  </table>
</div>