包含div的底部的鎖元素

Question

#Container { 
    width: 500px; 
    height: 600px; 
} 

#TheElement { 
    width: 500px; 
    height: 100px; 
    background-color: #000000; 
} 

我如何獲得#The元素被鎖定到#Container的最底部，而不管容器內部的其他內容，沒有一堆利潤率？

Answer 1

您可以使用relative absolute positioning：

http://jsfiddle.net/gzJM6/

#Container { 
    width: 500px; 
    height: 600px; 
    position: relative 
} 

#TheElement { 
    width: 500px; 
    height: 100px; 
    background-color: #000000; 
    position: absolute; 
    bottom: 0; 
    left: 0; 
}