Question

任何人都知道如何让这个滑块调整高度？

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

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

任何帮助将不胜感激。

谢谢，

Answer 1

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

Answer 2

如上所述，由于List Items绝对定位，除非你删除“绝对”定位，否则你将无法用css执行此操作。但是你可以用jQuery做到这一点：

删除div.container的高度：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

在第705行的black.css文件中，幻灯片的所有height元素都设置了a属性。首先删除该部分...然后从容器中删除overflow: hidden和height属性steps-holder。我实际上在container区块中找不到steps-slider类的div ...请说明它是否是一个类。这有点误导：）

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

高度未调整UL和DIV容器

3 个答案: