С CSS, как я могу сделать вертикальную границу, растянулась до 100% высоты двух столбцов ⇐ Html

[Anonymous]

Я использую фонд row/column макет.

Код: Выделить всё

// Layout

...  
... 



.navs {
border-right: solid 1px #000; //black
}
.content {
border-left: solid 1px #000; //black
}

Я хочу иметь вертикальную границу, которая растягивает длину/высоту общей границы/стороны этих двух столбцов. Моя проблема заключается в том, что, хотя оба столбца кажутся одинаковой высотой (с точки зрения контейнеров), их содержание редко однородное по длине. На некоторых страницах NAV ссылки появляются дольше, чем контент в контенте div. В некоторых случаях содержание в контенте div длиннее.
Независимо от того, на каком классе I есть граница, есть страницы, которые показывают разрыв в нижней части границы, поскольку он распространяется только на длину контента в этом Div. Это не добавляется вручную на каждую страницу. Каждая страница вызывает макет.
Есть мысли о том, как это исправить?>

Подробнее здесь: https://stackoverflow.com/questions/783 ... wo-columns