使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()); 
};