高度匹配容器

Question

我有当容器容纳侧边栏的布局。我需要侧栏与容器的高度完全相同。请参阅this site其中侧边栏是#leftbar和容器是#container

如果你看看网站，你会明白我的意思。我需要一个纯粹的CSS解决方案或jQuery解决方案。要记住的导航

一个重要的事情是垂直手风琴，所以被点击某些按钮时，侧边栏，#leftbar将垂直扩展。解决方案需要适应增长，所以简单地使用jQuery来匹配它们的高度并不是一个可行的解决方案。

Answer 1

添加以下性能在这些元件：

#cotainer { 
    position: relative 
} 

#leftbar { 
    position: absolute; 
    top: 0; 
    bottom: 0; 
} 

#righthome { 
    margin-left: 270px; /* looks to be about the width of the leftbar */ 
} 

给予#leftbar性质表明，将确保顶部粘到下一个父元件的顶部与position: relative，与同为底部边缘。

但是这有一个副作用。 #righthome元素成为其父项框布局模型中的第一项，因此与左侧栏重叠。为了解决这个问题，你给它一个左边距，把它放回原来的位置。当然