ฉันมีรหัสต่อไปนี้:
<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>
สิ่งนี้ใช้ไม่ได้เลย ด้วยเหตุผลบางประการตำแหน่ง: คำสั่งสัมพัทธ์ไม่ถูกอ่านบน 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 ด้านล่างแทนที่จะอยู่ที่ด้านล่าง