CSS位置和容器的动态高度

Question

当你点击下一个时，你希望容器缩小或展开吗？我在这里创建了一个小提琴：http://jsfiddle.net/agriz/nS8M3/1/
我被迫为这两个元素<div class="slider"> <ul>

赋予高度

我希望这两个容器有自动高度。 如果我们混合相对位置和绝对位置，是否可以为容器提供动态高度？

我搜索了SO并找到了这个：http://jsfiddle.net/ambiguous/zVBDc/

此处容器的高度属性也在css中。

HTML PART

<div class="slider">
  <ul>
    <li class="active"><img src="http://i41.tinypic.com/10rok86.jpg" class="slider_img" />  </li>
    <li><img src="http://i40.tinypic.com/f0rfag.jpg" class="slider_img" /></li>
  </ul>
</div>

<div class="toolbars">
  <button onClick="window.slider.previous()">Previous</button>
  <button onClick="window.slider.next()">Next</button>
</div>

我希望容器在我点击下一个时缩小或展开（从评论中复制！）

Answer 1

请参阅小提琴，了解可能的答案。 http://jsfiddle.net/zGpKa

我对你的CSS进行了以下更改。

.slider li {
    position: relative;
    margin: 0;
    padding: 0;
    left: 0;
    display: none;
}