使TD的表格大小与包含TD的TD相同

Question

对于我需要做的事情，我需要在另一个表格的TD中有一个表格，并且需要该表格的单元格与包含表格的高度和宽度相同。

的几个注意事项：

含TD不能有一个固定的高度或宽度，它是动态创建取决于进入原始表中的数据的大小，因此这排除了有能力为我用高度和宽度：内表100％（这只有在父容器具有固定的宽度或高度时才可能）。

眼下台的高度设定为100px，就这样它更容易在下面与香港专业教育学院对其提出的笔记图片看，它没有一个固定的高度，因为小区1和小区2，需要的内容处于细胞的顶部，而细胞又需要位于包含TD的顶部和底部。

HTML和CSS整个表是巨大的，所以这里只是从含TD多达保持清洁：

.bottomAlign { 
 
    vertical-align: bottom; 
 
} 
 

 
.innerTable { 
 
    height: 100px; 
 
} 
 

 
.topAlign { 
 
    vertical-align: top; 
 
}

<td> 
 
    <table class="innerTable"> 
 
    <tr class="topAlign"> 
 
     <td>Cell 1</td> 
 
    </tr> 
 
    <tr class="bottomAlign"> 
 
     <td>Cell 2</td> 
 
    </tr> 
 
    </table> 
 
</td>

这里参考的图片：

Answer 1

这里是一个小提琴模拟动态大小的TD，与片断沿来调整内部表

http://jsfiddle.net/v6hg9vdt/

这是一个重要的小提琴的只是一部分，剩下的只是以调整外TD

var inner = $('.innerTable'); 
var setInnerSize = function(){ 
    inner.width(inner.parent().width()); 
    inner.height(inner.parent().height()); 
};