How can I make the contents of a table cell overflow vertically without also expanding the table cells height?
If I get you right, this might help:
.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;
}
<table>
<tr class="row">
<td class="cell">
<div class="overflow">Overlow outside of this cell</div>
</td>
</tr>
</table>