td width - minimalna potrzebna pomocą CSS

Question

Rozważmy poniższej tabeli:

<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> 

Jak mogę dokonać 3rd kolumny do podjęcia minimalną szerokość (w zależności od jej treści) i 4. kolumnę wziąć resztę ?

Answer 1

użyć tej

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

DEMO