・td 内に div を配置するサンプル。
| 見出し1 | 見出し2 | 見出し3 |
|---|---|---|
| 1-1 |
div1-1
div1-2
|
1-3 |
| 2-1 |
div2-1 pix指定
div2-2 pix指定
|
2-3 |
| 3-1 サンプルテキスト |
div3-1 %指定
div3-2 %指定
|
3-3 サンプルテキスト |
(2015/11-2022/04)
動作 : Edge99, Firefox95, Chrome96
◎ノート
・div の margin をマイナス指定することで td からはみ出す位置にも
div を表示できる。
ただし、描画する順番（隣の td の文字などの上下関係）に注意。
z-index の指定が必要。
◎ノート (2017/06)
・td div {...} に postion:relative; と z-index の指定が必要。
ないと IE, Chrome で div が td の下側に回る。