테이블의 너비를 td의 너비에 의존하는 방법은 무엇입니까?

Question

내부 테이블이있는 테이블이 있습니다. 나는 table 설정할의 폭을하지만, td의 폭하지 않습니다

<table border="1"> 
    <tr> 
     <td width="200">left menus (200px)</td> 
     <td> 
      <table border="1" class="table-fixed" style="background-color:#ddd" > 
       <tr> 
        <td width="2000">2000px</td> 
        <td width="2000">2000px</td> 
       </tr> 
      </table> 
     </td> 
    </tr> 
</table> 

당신은 전체 너비가 브라우저보다 넓은 4000이며, 내부 테이블이 td의를 가지고 볼 수 있습니다 .

그러나 브라우저에서는 표가 자동으로 브라우저에 맞게 축소됩니다. 표를 실제 폭으로 표시하는 방법 (200 + 2000 + 2000).

나는 테이블의 폭을 설정 한 경우 :

<table width="4200"> 
    ... 
      <table width="4000"> 
    ... 
</table> 

내가 예상대로 표시됩니다,하지만 난 싶지 않아. 내부 테이블의 열은 동적이므로 실행하기 전에 전체 너비를 얻지 못합니다.

Answer 1

강제로 CSS 최소 너비를 사용할 수 있습니다.

http://jsfiddle.net/kM6DQ/

<table border="1"> 
    <tr> 
     <td width="200">left menus (200px)</td> 
     <td> 
      <table border="1" class="table-fixed" style="background-color:#ddd" > 
       <tr> 
        <td class="wide">2000px</td> 
        <td class="wide">2000px</td> 
       </tr> 
      </table> 
     </td> 
    </tr> 
</table> 

<style> 
td.wide { width:2000px; min-width:2000px; } 

</style>