2012-03-12 188 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