расширить всплывающее меню, чтобы высота соответствовала содержанию div - PullRequest
Новая
       23

расширить всплывающее меню, чтобы высота соответствовала содержанию div

0 голосов
/ 15 сентября 2011

У меня есть div контента и боковая панель, высота div контента будет корректироваться в зависимости от загружаемого контента, но я хочу, чтобы div боковой панели был полностью расширен, в зависимости от максимального размера контента, боковой панели должен быть одинакового размера.

Скрипка, Скрипка, Скрипка! - JS Fiddle

Просмотрите приведенную выше скрипку, я хочу, чтобы боковая панель была расширена до конца вниз, в зависимости от высоты содержимого div.

Для не фиддлеров:
CSS 

#content
{
border:1px solid black;
float: left;
width: 80%;
}

#sidebar
{
width: 19%;
border:1px solid red;
float: left; 
background-color: #ddd;
}

p{text-align: right}

HTML 

<div id="container" style="background-color: #f2f2f2">
<div id="content">Here is the content, the height of this div will vary depending on the content.
    <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
    <p>I dont want this big empty box. --> <br/>I want the sidebar extended down here--></p>
</div>
<div id="sidebar">I want this sidebar to extend ALL the way down, to match the #content divs height (whatever it is, dynamic)</div>
<div style="clear:both"></div>

1 Ответ

3 голосов
/ 15 сентября 2011

Вы должны будете использовать JavaScript для этого. с Jquery это будет что-то вроде следующего. 

    $('#sidebar').height($('#content').height());

скрипка http://jsfiddle.net/YMFGU/9/

...