jQueryでtdの高さを取得してdivを縦100%表示する

harada 1,116views 更新:2015年3月27日

CSS

html, body
{
    height:100%;
}
table {
    height:100%;
}

HTML

<table>
<tr>
<td>
<div id="test">高さを合わせたいコンテンツ</div>
</td>
</tr>
</table>

JavaScript

$('#test').height($('#test').parent().height());

参考:100% height div inside 100% td

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません