手风琴旁的边界没有更新

Question

我在div元素中创建了一个带有手风琴菜单的html页面。 div使用

在元素的右侧有一个简单的边框样式

height:100%;
 border-right-width:2px;
 border-right-style:solid;
 border-right-color:#4875B4;

这一切都很好，但是，每当我扩展手风琴标题时，边框也不会扩展（我认为它会将高度设置为100％）。 这是一个已知问题，我找不到任何讨论。有没有人经历过这个，有没有修复？

编辑28TH 05 这是显示此问题的jsfiddle http://jsfiddle.net/ZxnAd/ 请选择“第3部分”以查看未使用手风琴

延伸的边框

Answer 1

height: 100%的问题在于它通常不起作用，因为问题没有得到解答 - “100％的是什么？”除非容器具有设定高度，否则没有内部元素的％高度的上下文;然而，设置这样的高度通常不是一个好主意。可能以不同的方式做你想做的事情，但你需要向我们展示一个例子。

编辑：好的，鉴于链接，为什么不尝试这样做：

.accordion {
    border-left: 2px solid #190; 
}