css - 高度未针对 UL 和 DIV 容器进行调整

Question

有人知道如何制作这个滑块来调整高度吗？

http://www.awesomeget.net/#steps-slider

现在高度在 DIV“容器”中设置，但如果你删除高度，则不会显示任何内容。似乎 UL 元素以某种方式没有将其高度提供给父级。我添加了溢出：隐藏到作为父容器的“steps-holder”和“slide-holder”......并确保这个UL元素没有浮动......但仍然没有任何变化......

任何帮助，将不胜感激。

谢谢，

Answer 1

div 中的 ul 和 li 元素是绝对定位的，这意味着它们被从正常流程中移除，因此它们所在的 div 不受其大小的影响。删除绝对定位将解决问题，尽管它可能是其他原因。

Answer 2

如上所述，因为列表项是绝对定位的，除非您删除“绝对”定位，否则您将无法仅使用 css 执行此操作。但是，您可以使用 jQuery 来做到这一点：

删除 div.container 的 height: 300px 并添加以下代码：

$(document).ready(function() {
   tmpHeight = $(".slides li").height() + 46; // I added 46 to get to 330, but you should do this with padding in css or something
   $("div.container").css("height", tmpHeight + "px");

}

Answer 3

在black.css第 705 行的文件中，为幻灯片的所有元素height设置了一个属性。a首先删除该部分...然后从具有 . 类的容器中删除overflow: hidden和属性。实际上，我在您的块中没有发现具有类的 div ...请指定它是否是类。这有点误导:)heightsteps-holdercontainersteps-slider

如果这是您当然希望达到的效果）http://clip2net.com/s/1Qyvr