2012-04-24 46 views
0

任何人有任何想法如何使這個滑塊來調整高度?高度不適用於UL和DIV容器

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

現在的高度是在DIV設置「容器」,但如果去掉高度則沒有得到顯示。 UL元素似乎不會給父母帶來高度。我添加了溢出:隱藏到「步驟持有人」和「幻燈片持有人」這是父容器......並確保這個UL元件不會浮動....但仍然沒有任何變化..

任何幫助將不勝感激。

謝謝,

回答

1

就像上面提到的那樣,因爲列表項絕對定位,所以除非刪除「絕對」定位,否則無法用css完成此操作。但是你可以用jQuery做到這一點:

刪除高度:300像素的div.container並添加以下代碼:上線705

$(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"); 

} 
+0

感謝的效果!我試過你的方法,但它只將高度設置爲第一個List項的高度。我需要每個李都有自己的身高。 我想建立你的建議,併爲每個李動態...然後我意識到已經有一個滑塊的功能的選項!黨!製作滑塊(http://nathansearles.com/loopedslider/)的人已經考慮過它,並且它的設置是在loopedslider.js中,因爲autoHeight = 1或者是假的 – 2012-04-25 21:30:17

+0

我不會計算出來這不是你的建議在JQuery中完成的。否則,我會被困在CSS中!謝啦 – 2012-04-25 21:36:45

1

在div內UL和li元素被絕對定位的,這意味着它們被從正常流中去除,所以在div它們包含在不受它們的大小。去除絕對定位將解決問題,儘管它可能是其他人的原因。

0

在你black.css文件有一個height屬性設置爲所有a元素的幻燈片。刪除該零件的一個開始...然後刪除容器中的overflow: hiddenheight屬性,類別爲steps-holder。我在steps-slider區塊內發現了一個container的檔案,請註明它是否爲班級。這是一個有點誤導:)

如果這是你希望實現的課程)http://clip2net.com/s/1Qyvr