Сделать Div Div Высота 100% экрана - PullRequest
Новая
       8

Сделать Div Div Высота 100% экрана

1 голос
/ 25 ноября 2010

Я читал все обсуждения по 100% высоты и не могу найти простое решение.Как я могу заставить мой div занимать всю вертикальную высоту экрана?

Вот мой код:

css 

#mother {
    width:   100%;  
    margin: 0 auto; 
    z-index: 1;
}
#stripe_wrap {
    width: 1053px;
    min-height: 500px;
    margin: 0 auto;
    background: lime; 
}
#stripe1 {
    width: 39px;
    min-height: 500px;
    margin: 0px 0px 0px 0px;
    background: #000;
    float: left;
}
#stripe2 {
    width: 39px;
    min-height: 500px;
    margin: 0px 0px 0px 0px; 
    background:#000;
    float: right;
}

html 

<div id="mother" style="overflow-x: hidden;">
    <div id="stripe_wrap">

        <div id="stripe1"></div>
        <div id="stripe2"></div>

    </div>
</div>

Ответы [ 3 ]

4 голосов
/ 25 ноября 2010

Вы также должны сделать тег <body> высотой 100%, иначе он будет усечен по вертикали, чтобы соответствовать содержимому.

Также убедитесь, что для поля <body> установлено значение 0px, поскольку в противном случае оно станет равным 100% _of_visible_area + margin, что приведет к вертикальной полосе прокрутки.

2 голосов
/ 25 ноября 2010 
html, body {padding: 0px; margin: 0px; height: 100%;}

http://jsfiddle.net/kEv8F/ - моя версия.

http://jsfiddle.net/kEv8F/ - ваша версия.

Это то, что вы имели в виду?

1 голос
/ 19 апреля 2013

Попробуйте установить height:100% и для <body> и <html>.
Если на вашей странице нет ничего кроме этого div, высота 100% будет 0px без этих настроек.

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

Нет похожих вопросов

...