TD内で相対位置/絶対位置を使用しますか？

私は次のコードを持っています：

<td style="position: relative; min-height: 60px; vertical-align: top;">
    Contents of table cell, variable height, could be more than 60px;

    <div style="position: absolute; bottom: 0px;">
        Notice
    </div>
</td>

これはまったく機能しません。何らかの理由で、position：relativeコマンドがTDで読み取られず、通知DIVが私のページの下部にあるコンテンツコンテナーの外側に配置されています。私はTDのすべてのコンテンツを次のようなDIVに入れようとしました：

<td>
    <div style="position: relative; min-height: 60px; vertical-align: top;">
        Contents of table cell, variable height, could be more than 60px;

        <div style="position: absolute; bottom: 0px;">
            Notice
        </div>
    </div>
</td>

ただし、これは新しい問題を作成します。表のセルの内容の高さは可変であるため、通知DIVが常にセルの下部にあるとは限りません。表のセルが60pxマーカーを超えて伸びているが、他のセルのどれも伸びていない場合、他のセルでは、DIVは下部ではなく60pxにあります。

これは、CSS 2.1によるとposition: relative、テーブル要素への影響が定義されていないためです。これを説明すると、position: relativeChrome 13では望ましい効果が得られますが、Firefox 4では効果がありません。ここでの解決策はdiv、コンテンツの周りにを追加position: relativeし、のdiv代わりにを配置することtdです。以下は、position: relative（1）div良品）、（2）td（不良品）、最後に（3）div内部td（再び良好品）で得られる結果を示しています。

<table>
  <tr>
    <td>
      <div style="position:relative;">
        <span style="position:absolute; left:150px;">
          Absolute span
        </span>
        Relative div
      </div>
    </td>
  </tr>
</table>

このトリックも適切ですが、この場合、alignプロパティ（中央、下など）は機能しません。

<td style="display: block; position: relative;">
</td>

表のセルの内容、可変の高さは60px以上になる場合があります。

<div style="position: absolute; bottom: 0px;">
    Notice
</div>

2番目の試みに関して、垂直方向の配置を使用してみましたか？どちらか

<td valign="bottom">

またはCSSで

vertical-align:bottom

「display：block;」を実行した場合にも機能します。tdで、tdアイデンティティを破壊しますが、機能します！