Изменить высоту блока в зависимости от сайдбара

[imediasun1]

Здравствуйте , у меня есть сайдбар резиновый по высоте, который увеличивается в зависимости от раскрывающихся списков, как сделать высоту контента изменяемой при изменении высоты сайдбара, чтобы высота контента была не менее высоты сайд бара

[Deff]

height:100%;

[imediasun1]

Это высота всей страницы, а мне надо в зависимости от наполнения сайдбара

[Deff]

<style>
#sidebar {
 height:300px;
 width:67px;
 border:blue solid 1px;
 padding:0;
 }
.content {
margin:0;
 height:100%;
 width:100%;
 border:red solid 3px;
}
</style>
<div id="sidebar">
  <div class="content">
 
  </div>
</div>

[danik.js]

<style>
    .content{
        width: 80%;
        outline: 1px solid red;
        display: table-cell;
    }
    .sidebar{
        width: 20%;
        outline: 1px solid blue;
        display: table-cell;
    }
    .container{
        display: table;
        width: 100%;
    }
</style>
<div class="container">
    <div class="content"></div>
    <div class="sidebar" contenteditable>Эта область - редактируемая.</div>
</div>