CSSのdivタグはテーブルの行から次元を継承します

Question

私はCSSの専門家ではありません。

私の質問は：divタグは、テーブルの行のclassまたはidに基づいてtable行から次元を継承することができますか？

例：2行のテーブルがありますが、1つのテーブル行の正確なサイズはわかりませんが、その行のID /クラスはわかります。そして、id/classに基づいてテーブルのdivタグを絶対的に配置することによって、最初から最後まで2行を埋めることができます。

誰かが私にいくつかのアドレスを教えたり、チップコードを教えてもらえますか？あなたが親TDの幅と高さを取り、その後、このような何かをしたいjavascript.Youを使用してdiv要素にそれらを設定することができます

Answer 1

：私はこのような何かを探し

<table> 
    <col width="9%"> 
    <thead> 
     <tr> 
     <th colspan="2">&nbsp;</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <th rowspan="2">&nbsp;</th> 
      <td>&nbsp;</td> 
     </tr> 
     <tr> 
      <td>&nbsp;</td> 
     </tr> 
     <tr> 
      <th rowspan="2">&nbsp;</th> 
      <td>&nbsp;</td> 
     </tr> 
     <tr> 
      <td>&nbsp;</td> 
     </tr> 
    </tbody> 
</table> 

？

https://jsfiddle.net/toLacq32/1/

$(document).ready(function(){ 
tdWidth = $('#inner-div').closest('td').width(); 
tdHeight = $('#inner-div').closest('td').height(); 
$("#inner-div").width(tdWidth).height(tdHeight); 
});