什麼表格的方式爲小屏幕創建一個滾動條？

Question

Here's a DEMO

這裏是我的HTML：

<div> 
    <table> 
     <tbody> 
      <tr> 
       <td>A1</td> 
       <td>B1</td> 
      </tr> 
      <tr> 
       <td>A2</td> 
       <td>B2</td> 
      </tr> 
     </tbody> 
    </table> 
</div> 

和CSS：

div { 
    position: relative; 
    left: 100px; 
} 

table { 
    border: 1px solid black; 
} 

正如你可以在演示中看到，它會導致水平滾動條。除了使用javascript之外，有什麼方法可以解決這個問題嗎？

Answer 1

，而不是左也許嘗試

margin-left: 100px;