如何使表格单元格中的文本输入在选定时超出表格限制？

Question

我有一个三列的表。 A label，下拉选择器和输入栏。

输入字段预计包含多行内容（特别是，JSON），但我不希望表中的每一行都很高。相反，我希望当用户单击该单元格时，内容区域应该增长并流过表格的边界。当他模糊焦点时，它应该缩小尺寸。

这里有一个的jsfiddle我使用的实验：http://jsfiddle.net/xq704y5j/1/

如何做到这一点的任何想法简单的HTML，CSS？我还使用引导程序已经

Answer 1

看到这个fiddle example

我加入这个CSS：

table{ 
    position:relative; 
} 
#sibiling-name1:focus{ 
    position:absolute; 
    width:100%; 
    left:0; 
} 

希望这将让你在你想去的方向前进。 -Tel

编辑为： 请参阅this fiddle使用textarea而不是文本输入。