Jak mogę spowodować, aby zawartość komórki tabeli przepełniła się w pionie, nie zwiększając również wysokości komórek tabeli?

Question

Mam komórkę ze stołem z div wewnątrz. Chcę, aby div przepełniał się poza komórką tabeli. Jak mogę to zrobić? Aby było jasne, nie chcę, aby komórka tabeli zwiększała swoją wysokość za pomocą div. Poniższy kod jest tym, co próbowałem, ale to nie działa.

HTML:

<table> 
    <tr class="row"> 
     <td class="cell"> 
      <div class="overflow">Overlow outside of this cell</div> 
     </td> 
    </tr> 
</table> 

CSS:

.row { 
    height:24px; 
    overflow:visible; 
} 
.cell { 
    overflow:visible; 
    max-height:24px !important; 
} 
.overflow { 
    height:24px; 
    font-size:12px; 
    clear:both; 
    white-space: nowrap; 
    line-height:16px; 
    zoom:1; 
    text-align:left; 
    overflow:hidden; 
} 

Answer 1

Gdybym Ci rację, to może pomóc:

Fiddle

HTML:

<table> 
    <tr class="row"> 
     <td class="cell"> 
      <div class="overflow">Overlow outside of this cell</div> 
     </td> 
    </tr> 
</table> 

CSS:

.row { 
    height:24px; 
    overflow:visible; 
} 
.cell { 
    overflow:visible; 
    max-height:24px !important; 
    border: 1px solid #cccccc; 
    width:10px; 
} 
.overflow { 
    height:24px; 
    font-size:12px; 
    line-height:16px; 
    position:absolute; 
}