Как я могу переместить содержимое ячейки таблицы вертикально, не увеличивая также высоту ячеек таблицы?

У меня есть ячейка таблицы с div внутри. Я хочу, чтобы div переполнялся за пределами ячейки таблицы. Как я могу это сделать? Чтобы быть ясным, я не хочу, чтобы ячейка таблицы расширяла свою высоту с помощью div . Код ниже – это то, что я пробовал, но он не работает.

HTML:

 
Overlow outside of this cell

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; } то и .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; } 

Если я получу вас правильно, это может помочь:

скрипка

HTML:

 
Overlow outside of this cell

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