2011-11-29 80 views
2

我想知道是否有任何解决方案,我的问题。我有一个content-div和一个菜单div。 content-div中的文字越多,展开得越多。我希望我的menu-div在扩展/折叠时跟随content-div。HTML/CSS:保持Div在同一高度

我试过了所有我能想到的,但因为我是初学者,也许我错过了一些简单的东西。我没有发现任何东西在谷歌,只有JS解决方案,但必须有一个CSS解决方案,这个权利?

继承人的代码小提琴:http://jsfiddle.net/YxF9e/

在此先感谢。

回答

4

我不认为只用CSS就可以做到这一点。 通过将背景图像添加到包装中,您可以具有虚拟高度的右侧边栏。这可能会让人觉得边界高度达到100%。

如果你想用jQuery做到这一点,这就是你需要的代码:

var contentHeight = $('#content').height(); 
$('#menu').height(contentHeight); 

这里是更新的jsfiddle:http://jsfiddle.net/peduarte/YxF9e/1/

+0

我可以问你如何在我的代码中实现这个功能吗?如果我想要一个.JS文件。当我尝试使用它并使用