レイアウトに関する質問をする テーブルセルlayout_html/css_WEB-ITnose

下の図に示すように、テーブル内に複数の td 要素が並んでいます。各 td 要素は、編集可能な div (高さ適応) と 2 つのボタンで構成されます。
効果を実現したい:
2 つのボタンを常に TD の下部に配置します (同じ行の TD にテキストが入力され、行全体の TR が高くなる場合でも)。

アイデアをお持ちの親愛なる友人の皆様、お願いします。 。 。

ディスカッションへの返信 (解決策)

<style>    td{position:relative;min-height:80px;}    td input{position:absolute; bottom:0; z-index:999}</style>

まずは td 515ba22581369e47ad2162688d18790fb90dd5946f0946207856a8a37f441edf に追加してみてください
うまくいかない場合は、次のことを試してくださいcode

 td div{     position:absolute;     top:0;     bottom:按钮的高度;    z-index:999}

まずは 515ba22581369e47ad2162688d18790fb90dd5946f0946207856a8a37f441edf を追加してみてください
うまくいかない場合は、次のコードを試してください
XML/HTML code?123456 td div{position:absolute ; 上: 0; 下: ボタンの高さ; z-index:999}

この場合、2 番目の方法は機能しません。 td の高さは div の高さによって変わりません。

しかし、突然ひらめきがあり、js をデバッグしたところ、js では valign 属性を大文字にする必要があることがわかりました。 。 。

現在はすべて正常に動作しています、ありがとう。