如何在没有绝对定位的情况下重叠元素

Question

我正在使用css3过渡制作一个滑块。每张幻灯片都有不同的高度（它可以包含文本/图像/视频/混合所有），宽度相同但反应灵敏（100％的父母）。

<div class="slider">
    <div class="slide_container">
        <div class="slide current">Different amount of content</div>
        <div class="slide">Different amount of content</div>
        <div class="slide">Different amount of content</div>
    </div>
</div>

目前我只使用绝对定位和固定高度才能正常工作。

请参阅http://jsfiddle.net/j6eWG/1/

有什么方法可以将我的.slider包裹在没有固定高度的幻灯片周围？ 我需要使.slider与.slide.current（http://jsfiddle.net/j6eWG/2/）

的高度相同

也许我可以使用一些转换属性？