HTML: Phần tử khối neo bên dưới phần cuối của khối chính?

Question

Có phương pháp trình duyệt chéo nào đính kèm một số nội dung trong một <div> ở dưới cùng không? Một khó khăn là <div> có thể có chiều cao tùy ý được áp dụng, nhưng tôi muốn một số nội dung nhất định bị kẹt ở đáy của nó mọi lúc.

này sẽ được thực hiện trong những ngày cũ xấu như thế này:

<table style="height: foo;"> 
    <tr><td valign="top">content</td></tr> 
    <tr><td valign="bottom">stuck to the bottom</td></tr> 
</table> 

Tôi có thể làm điều này mà không cần đến kỹ thuật này?

Answer 1

Chắc chắn, nó khá dễ dàng. Chỉ cần đặt phụ huynh div với position:relative. Sau đó, mục bên trong bạn muốn dính vào đáy, chỉ cần sử dụng position:absolute để dán nó vào cuối mục.

<div id="parent"> 
    <div id="child"> 
    </div> 
</div> 

.

#parent { 
    position:relative; 
} 
#child { 
    position:absolute; 
    bottom:0; 
}