HTML: Element bloku kotwicy wewnątrz dolnej części bloku nadrzędnego?

Question

Czy istnieje metoda polegająca na korzystaniu z wielu przeglądarek, polegająca na korzystaniu z wielu przeglądarek na dole ekranu? Jedną z trudności jest to, że <div> może mieć dowolną wysokość, ale chcę, aby pewna treść była zawsze przyklejona na dno.

ten byłby realizowany w dawnych złych czasach tak:

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

mogę to zrobić bez uciekania się do tej techniki?

Answer 1

Oczywiście, to całkiem proste. Po prostu ustaw jednostkę macierzystą div na position:relative. Następnie element wewnętrzny, który chcesz przykleić do dołu, wystarczy użyć position:absolute, aby przykleić go do dolnej części elementu.

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

.

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