larghezza TD - il minimo necessario usando i CSS

Question

Considerate questa tabella:

<table style="width: 100%"> 
    <tr> 
     <td>Static length</td> 
     <td>Static length</td> 
     <td><div>Length varies</div></td> 
     <td>Space filler</td> 
    </tr> 
    <tr> 
     ... 
    </tr> 
</table> 

Come posso fare il 3 ° colonna per prendere la larghezza minima (a seconda del suo contenuto) e il 4 ° colonna per prendere il resto ?

Answer 1

utilizzare questa

td:nth-child(3){ 
    background:red; 
    width: 1px; 
    white-space: nowrap; 
} 

DEMO