CSS-如何根据正文底部设置嵌套div？（包括图片）

如何实现图中所示的样式？考虑到以下场景：我得到了两个嵌套的div元素，其中父元素是“相对定位的”，子元素是“绝对定位的”！缩放浏览器时，子div始终“固定到主体元素的底部”。我不能让它工作

下面是代码，我正在使用paddingbottom:100%。但这不是一个好的解决方案！只有CSS 2.1 API才能实现这一点吗

正文{
最小高度：100%；
背景颜色：灰色；
}
.家长{
高度：70像素；
宽度：440px；
左：200px；
背景颜色：蓝色；
位置：相对位置；
} 
.孩子{
显示：块；
位置：绝对位置；
宽度：100px；
右：0px；
背景颜色：黄色；
垫底：100%；
}

固定在底部

不要把第二个div当作孩子。您希望它保持在底部，并且在缩放时父div的高度会干扰它

我希望这有帮助：）

正文{
最小高度：100%；
背景颜色：灰色；
}
.家长{
高度：70像素；
宽度：400px；
左：100px；
背景颜色：蓝色；
位置：相对位置；
顶部：70像素；
} 
.另一位家长{
显示：块；
身高：60%；
位置：绝对位置；
底部：0；
宽度：100px；
右：22%；
背景颜色：黄色；
}

固定在底部

显示您的代码以引导您获得代码。我很感谢任何形式的帮助…我认为我的问题是由于糟糕的css布局设计。。。我不能让它工作。。。不幸的是，我在一个CSS项目，这是非常严格的布局。。。不管怎样，塔克斯。。。