VPF::body height 100% - Форум программистов

Mikron

Дата 28.10.2015, 23:14 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 50
Регистрация: 2.5.2007

Репутация: нет
Всего: нет

Объясните пожалуйста казалось бы простой момент. Читаю про height:
"При использовании процентной записи высота элемента вычисляется в зависимости от высоты родительского элемента. Если родитель явно не указан, то в его качестве выступает окно браузера."

вот так не работает

Код


    <body>
        <div id="up"></div>
        <div id="down"></div>
    </body>

Код


html, body{
    padding: 0;
    margin: 0;
}

#up{
    height:50%;
    background-color:red;
}

#down{
    height:50%;
    background-color:blue;
}

но если добавить height:100% в body, то все нормально. Почему?

Спасибо

Это сообщение отредактировал(а) Mikron - 28.10.2015, 23:15

ksnk

Дата 29.10.2015, 00:24 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

Потому что размер body, если не указывать это явно, вычисляется с учетом содержимого. Как в таблице.

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »