Css 将div与底部对齐，而不将其从流中移除

我需要将一个div与父div的底部对齐。您可以告诉我使用

position:absolute和
底部：0px，但我无法从流中删除div

我的HTML标记如下所示：

<div class=parent>
    <div class=child>
        Lorem ipsum dolor sit amet
    </div>
</div>


Lorem ipsum dolor sit amet

父div具有动态高度。有时，它的高度与显示其所有内容所需的高度相同（height:auto；），但有时它有一个固定的高度，该高度小于孩子的高度。在这种情况下，我希望子对象在顶部边缘接触到父对象的外部。孩子总是有
height:auto以适应其内容，这在设计时我也不知道


我尝试的是使用
position:absolute和
底部：0px，但这会从流中删除子项；因此，当父div具有
height:auto时，它将无法显示其内容激活。我还尝试使用
display:table cell和
垂直对齐：底部在父级上，但这似乎使其无法指定小于内容的高度

如果没有任何帮助，我仍然可以尝试JS解决方案，但我确信这必须能够以某种方式使用纯CSS，即使我需要修改HTML并插入包装器div或其他东西。
这是怎么回事

.parent {
    margin-top:-16px;
    background-color: gold;
    height: 88px;
    position:relative;
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
    transition:1s all;
    z-index:-1;
}
.down {
    -webkit-transform:translateY(0);
    transform:translateY(0);
}

$(".header").click(function () {
    $(".parent").toggleClass('down');
});


您也可以使用容器来隐藏标题上方的溢出

正如Linek提到的，不支持转换的浏览器只会显示内容。为了在不使用设定高度或不将其从流中取出的情况下达到它们，您必须高估元素的高度，并使用负的
边距顶部
。应该解决IE8中的问题
请提供更多css。其中一个元素是否具有固定高度？否。父元素有时具有
height:autoheight:auto
。第二个div必须是第一个div的子级吗？把两个div都放在包装纸里怎么样？第二个div总是刚好低于正常流量中的第一个div本身：/I不明白。把这个元素作为最后一个元素？就像这样：这只是一个问题，当父项具有固定高度时，高出它的100%。您的意思是：？可能无法在IE8@Linek上工作，这是不使用
变换
并执行相同操作的唯一方法（给定可变高度，并且不将其从流程中删除）是对高度进行过度补偿，并切换类似于
边距顶部：-5000px