2014-02-20 5 views
0

Как создать высоту на 100% текущего размера видового экрана?Создать высоту текущего размера видового экрана высотой 100% div

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

Предположим, что в настоящее время область просмотра имеет размер одного из экранов с разрешением 1920x1080, но также кто-то из экрана с разрешением 1024x768 хочет просмотреть страницу, я хочу, чтобы div отображался на 100% высоты в окне просмотра отображается.

Возможно ли с помощью только css?

+3

'html, body, div.class_name {height: 100%;}'? –

ответ

-1

Вы можете использовать фиксированное положение. Добавьте к этому телу:

<div style="position:fixed; width:100%; height:100%; top:0; left:0;"></div> 
+0

Вы забыли добавить 'height: 100%' в элементы 'html, body'. – Alvaro

+0

@Alvaro Ему это не понадобится, поскольку он использует 'position: fixed;' –

+0

@ Mr.Alien right :) – Alvaro

Смежные вопросы