jquery - 右边框样式不随手风琴向下延伸

Question

我创建了一个 html 页面，其中一个 div 中有一个手风琴，另一个 div 元素中有一个菜单。菜单 div 在元素右侧有一个简单的边框样式，使用

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

这一切都很好，但是，每当我扩展手风琴标题时，边框也不会扩展（我认为它会因为高度设置为 100%）。我不能在手风琴上使用边框样式，因为在我使用的代码中我将其隐藏为默认值。

http://jsfiddle.net/ZxnAd/ JSFiddle 请选择“第 3 节”以查看边框不随手风琴延伸

Answer 1

有两种方法可以解决您的问题

第一的

删除right borderfrom#menus并应用left bordertodiv.accordion

喜欢

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

小提琴 http://jsfiddle.net/ZxnAd/14/

第二

通过使用js，您必须找到heightof theaccordion并将其应用于heighton div#menusof click eventlike accordion div，

$('div#menus').height($('div.accordion').height());

但这会产生问题，可能是您需要更改HTML 结构

所以，我认为这first one是good给你的。

Answer 2

我希望你的问题是这个意思：

将您的 CSS 替换为：

.accordion {
 position:absolute;
 color: #AAA;
 //title-background:black;
 top:0;
 left:195px;
 padding: 0px;
 width:100%;
}

它使边界 100% 的 div 向右

菜单边框：

#menus{
 position:absolute;
 top:2px;
 left:0;
 width:190px;
 height:100%;
 border-style:solid;
 border-right-width:2px;
 border-right-style:solid;
 border-right-color:#119900;

}