Изменить высоту блока в зависимости от сайдбара
Здравствуйте , у меня есть сайдбар резиновый по высоте, который увеличивается в зависимости от раскрывающихся списков, как сделать высоту контента изменяемой при изменении высоты сайдбара, чтобы высота контента была не менее высоты сайд бара
|
height:100%;
|
Это высота всей страницы, а мне надо в зависимости от наполнения сайдбара
|
<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>
|
<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>
|
| Часовой пояс GMT +3, время: 01:16. |