tableの中のdivの縦幅を100%で表示する

harada 2,564views 更新:2015年2月4日

tableの中のdivにheight:100%;を効かせてセルの縦幅いっぱいにするには、tableとtd、divそれぞれにheight:100%;を指定する必要があるようです。

HTML例

<table>
<tbody>
<tr><td><div>あいうえお</div></td>
<td>あいうえお<br />
かきくけこ<br />
さしすせそ</td></tr>
</tbody>
</table>

CSS

table {
height:100%;
}
table td {
height:100%;
}
table td div {
height:100%;
}

参考:Table内のtdのdiv要素にheight:100%をきかせる

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

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

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