定位容器內部元素的底部邊緣

Question

我有一個頂部填充爲400px的容器div（紅色）。 （藍色）內的內容可以是任何高度。我也有另一個元素（綠色），具有固定的寬度，但取決於內容的高度可變。

我希望能夠將綠色元素的底部邊緣處（從紅色容器的頂部即400像素）藍色含有的頂部位置。

示例標記

<div class="red-container"> 

    <div class="green-thingy">Some text here</div> 

    <div class="blue-content"> 
     <p>blah blah blah...</p> 
     <p>blah blah blah...</p> 
    </div> 
</div> 

任何人都知道任何CSS技巧，將讓我做到這一點？

Answer 1

無法定位元素的底部相對於父元素的頂部。

添加另一個高度400位於容器頂部的元素，並將其中的綠色div放置在其底部。