border около аккордеона не обновляется

Question

Я создал html-страницу с меню аккордеона в элементе div. ДИВ имеет простую границу стиль по праву элемента с помощью

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

Это все работает хорошо, однако, всякий раз, когда я расширить заголовок аккордеона граница не расширяется и (я думал, что это будет, как высота устанавливается до 100%). Является ли это известной проблемой, я не могу найти никаких обсуждений. Кто-нибудь испытал это, есть ли исправление?

EDIT 28th 05 Это jsfiddle показывает этот вопрос http://jsfiddle.net/ZxnAd/ Пожалуйста, выберите «раздел 3», чтобы увидеть границы не простирающийся с гармошкой

Answer 1

Проблема height: 100% в том, что она, как правило, не работает, потому что вопрос не ответил - «100% чего?» Если в контейнере нет установленной высоты, нет контекста для% высоты внутреннего элемента; но установка таких высот обычно не является хорошей идеей. Возможно, вам удастся сделать то, что вы хотите по-другому, но вам нужно показать нам пример.

EDIT: Хорошо, учитывая связь, почему бы не попробовать вместо этого:

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