divのテーブルのカラム幅を水平スクロールバーで設定する

Question

divに含まれるテーブルのカラム幅を設定したい。テーブルの幅は固定幅divを超えることができるので、divに水平スクロールバーを表示させたいですが、テーブルの列は設定する幅まで拡大しません。これをどのように機能させることができますか？

#content { 
    width:200px; 
    overflow-x: auto; 
} 
td,th { 
    border-style:solid; 
} 

<div id="content"> 
<table style="border-style:solid;"> 
    <tr> 
     <th style="width:50px">124</th> 
     <th style="width:550px">124</th> 
    </tr> 
    <tr> 
     <td>124</td> 
     <td>124</td> 
    </tr> 
</table> 
</div> 

Answer 1

あなたがテーブルの幅を強制したい場合はMIN-幅を使用する必要があります。ここで

は、スクロールバーを使用しての例です： http://jsfiddle.net/CEUVV/

Answer 2

width属性分使用

<th style="min-width:50px">124</th> 
    <th style="min-width:550px">124</th>