定位容器内部元素的底部边缘

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放置在其底部。