2012-03-12 235 views
0

我做了以下內容滑動部分: http://jsfiddle.net/JaMYJ/設置高度

正如你所看到的,在罰款權加載內容的高度。但是,如果您單擊箭頭移至第二部分,則右側的內容會被切斷。

我知道我可以通過增加高度來解決這個問題: .contentslider .slider ul li {width:490px; height:310px;}

但是,我不想定義高度。我希望高度自動設置爲適合右側邊欄上的所有內容。我不知道如何通過CSS或JavaScript得到這個權利。有什麼想法嗎??

非常感謝!

+0

我試圖找出如何在李的都得到他們的高度設置爲一個定義的值。如果你可以防止這種情況發生,你可以防止身高成爲問題。你也可以根據當前正在顯示的那個設置LI的高度(這樣,如果有一個較大的那個沒有較大的空間)。 – Michael 2012-03-12 22:57:18

+0

謝謝邁克爾。不知道該怎麼辦..我認爲李的是從下面的CSS選擇器得到他們的高度: .contentslider .slider ul li 問題是,當我設置該屬性的高度自動它似乎並沒有訣竅。 :( – Ori 2012-03-12 23:04:21

回答

1

將高度設置爲auto,而不是310px.contentslider .slider ul li

.contentslider .slider ul li {width: 490px; height: auto;} 

,並註釋掉或從您的jQuery刪除行li.css({width: li.width(), height: li.height()});。這行是爲你的li設置高度,它覆蓋了CSS li的高度。

http://jsfiddle.net/neo108/EyeBb/5/

+0

嘿,那裏,非常感謝您的幫助。出於某種原因,這似乎在小提琴中工作正常。但是,當我加載到一個實際的網頁上,它不能解決它:(。想? – Ori 2012-03-12 23:27:56

+0

有編輯我的答案,它應該在瀏覽器中正常工作 – neo108 2012-03-13 00:24:45

+0

你是絕對的輝煌,這樣一個簡單的修復,感謝這麼多,你是一個拯救生命的人 – Ori 2012-03-13 04:26:43