我正在使用 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
将没有固定高度的幻灯片包裹起来?我需要与(http://jsfiddle.net/j6eWG/2/).slider
相同的高度.slide.current
也许我可以使用一些转换属性?