создать div, который динамически растягивается по вертикали при изменении окна браузера - PullRequest
1 голос
/ 19 июля 2011

Возможно ли это? По сути, я пытаюсь создать макет div, который выглядит следующим образом:

<div_wrapper>

    <div_header>
    </div_header>

    <div_content>
    </div_content>

</div_wrapper>

Где при загрузке страницы div_header занимает 200px, а div_content заполняет оставшееся вертикальное пространство. А также, когда браузер меняет размеры (т. Е. Пользователь перетаскивает угол браузера, чтобы изменить его размер), div_header по-прежнему остается на 200px, что div_content динамически меняет размеры.

Возможно ли это? Спасибо.

Ответы [ 2 ]

3 голосов
/ 19 июля 2011

Это должно сделать это ..

#wrapper{height:100%;}
#header{
    height:200px;
    float:left;
    width:100%;
}
#content{
    height:100%;
}
1 голос
/ 19 июля 2011

Я не вижу никаких проблем с div_header (), просто создайте правила CSS, которые гласят:

#header{height:200px;}

вы можете использовать js для изменения размера вашего контента ().Если вы включите jQuery

$(document).ready(function(){
     $(window).resize(function(){
         $('#content').css("height", ($(window).height() - 200) + "px");
     });
     $('#content').css("height", ($(window).height() - 200) + "px");
});

Надеюсь, это поможет

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...