Height это
Автор Boss Naurbiev задал вопрос в разделе Другие языки и технологии
CSS: height: 100% и получил лучший ответ
Ответ от Mix-Fighter44[гуру]
а с чего оно должно в процентах то работать? это высота, а не ширина, чтобы работать в процентах
Ответ от Ёержант[гуру]
height: 100% равен высоте родительского элемента. Это не магическое «высота всего окна» . Так что, если вы захотите, чтобы ваш элемент занял все 100% от высоты окна, то установить height: 100% будет недостаточно.
Почему? А потому, что родителем вашего контейнера является элемент body, а у него свойство height установлено в auto по умолчанию; а значит — его высота равна высоте контента. Конечно, вы можете попробовать добавить height: 100% к body, но этого тоже будет недостаточно.
Почему? А все потому же, родителем элемента body является элемент html, у которого также свойство height равно auto и он также растягивается под размер контента. А вот теперь, если добавить height: 100% и к элементу html, то все заработает.
Суммируем.. .
html, body, .container {
height: 100%;
}
height: 100% равен высоте родительского элемента. Это не магическое «высота всего окна» . Так что, если вы захотите, чтобы ваш элемент занял все 100% от высоты окна, то установить height: 100% будет недостаточно.
Почему? А потому, что родителем вашего контейнера является элемент body, а у него свойство height установлено в auto по умолчанию; а значит — его высота равна высоте контента. Конечно, вы можете попробовать добавить height: 100% к body, но этого тоже будет недостаточно.
Почему? А все потому же, родителем элемента body является элемент html, у которого также свойство height равно auto и он также растягивается под размер контента. А вот теперь, если добавить height: 100% и к элементу html, то все заработает.
Суммируем.. .
html, body, .container {
height: 100%;
}
Ответ от Gixxer[эксперт]
Потому что высота вычисляется в процентах от области контента родительского элемента (а высота у неё не указана).
Потому что высота вычисляется в процентах от области контента родительского элемента (а высота у неё не указана).
Ответ от Арсен Арутюнян[гуру]
Смотрю выше написанные ответы и удивляюсь. . .если не знаете лучше не отвечайте.
Что бы какой то элемент растянуть на всю высоту, его нужно правильно позиционировать.
Например:
<div style="position: fixed; height: 100%; width: 70%; top: 0px; left: 15%; background: lightyellow;">
</div >
И почитайте про "position", что бы знали, при каких значениях откуда начинается позиционирование.
Смотрю выше написанные ответы и удивляюсь. . .если не знаете лучше не отвечайте.
Что бы какой то элемент растянуть на всю высоту, его нужно правильно позиционировать.
Например:
<div style="position: fixed; height: 100%; width: 70%; top: 0px; left: 15%; background: lightyellow;">
</div >
И почитайте про "position", что бы знали, при каких значениях откуда начинается позиционирование.
Ответ от 3 ответа[гуру]
Привет! Вот подборка тем с ответами на Ваш вопрос: CSS: height: 100%
спросили в Интернет Web hosting
Как избавиться от вирусной программы Host?
Главное - Не клюйте на ЛОХОТРОН!
Вполне возможно, что у вас в компьютере вирус повредил файл
подробнее...
Как избавиться от вирусной программы Host?
Главное - Не клюйте на ЛОХОТРОН!
Вполне возможно, что у вас в компьютере вирус повредил файл
подробнее...
спросили в Интернет
Что это значит Bad Request (Invalid Hostname) ?
Bad Request (Invalid Hostname)
Bad Request - Неправильный запрос
Invalid Hostname -
подробнее...
Что это значит Bad Request (Invalid Hostname) ?
Bad Request (Invalid Hostname)
Bad Request - Неправильный запрос
Invalid Hostname -
подробнее...
Кадрирование в фотошопе Можно поподробнее про эту функцию?
Что конкретно Вас интересует?
Выбираем на панели инструментов (Tools) инструмент
подробнее...
спросили в Техника
что такое?
HSCSD - это аббревиатура, означающая протокол высокоскоростной передачи данных по сетям с
подробнее...
что такое?
HSCSD - это аббревиатура, означающая протокол высокоскоростной передачи данных по сетям с
подробнее...
Ответ от 3 ответа[гуру]
Привет! Вот еще темы с похожими вопросами:
Вопрос о svchost.exe..нужен совет..
svchost - Service Host
Это специальная программка. которая от своего имени (и имени
подробнее...
Картридер микро юсб
Да поняли, поняли мы! ☺☺☺
Для того, чтобы смартфон видел сторонние носители, т. е. флешки,
подробнее...
спросили в Free software
Программа открытия VST плагинов!!! Помогите Пожалуйста!
поскольку это ПЛАГИНЫ, они должны к чему-то подключаться, сами по себе никак не функционируют
подробнее...
Программа открытия VST плагинов!!! Помогите Пожалуйста!
поскольку это ПЛАГИНЫ, они должны к чему-то подключаться, сами по себе никак не функционируют
подробнее...
спросили в Новинки
Открываются новые вкладки с рекламой (смотреть описание)
Насчет host это вряд ли. Обычно хостс используют для согласования адресов и ip, а тут виной скрипт,
подробнее...
Открываются новые вкладки с рекламой (смотреть описание)
Насчет host это вряд ли. Обычно хостс используют для согласования адресов и ip, а тут виной скрипт,
подробнее...
В VirtualBox клавиша HOST это какая клавиша?
её сам настраиваеш обычно. Кажется по умолчанию Right
подробнее...
спросили в Интернет
как разблокировать одноклассники
Обычно вам предлагается отправить SMS сообщение, чтобы снять так называемую блокировку. Ни в коем
подробнее...
как разблокировать одноклассники
Обычно вам предлагается отправить SMS сообщение, чтобы снять так называемую блокировку. Ни в коем
подробнее...
спросили в Кошмары Кошмар
Посоветуйте игру жанра хоррор только что бы жесть какую страшную...Типа Дом кошмаров 2 (Кто не знает это мод для HL2)
Dead Space ни первая, ни вторая части, практически не страшные. Насчет Сайлент Хилл не знаю, можешь
подробнее...
Посоветуйте игру жанра хоррор только что бы жесть какую страшную...Типа Дом кошмаров 2 (Кто не знает это мод для HL2)
Dead Space ни первая, ни вторая части, практически не страшные. Насчет Сайлент Хилл не знаю, можешь
подробнее...
молодой в этом вся фишка?
HUKUTA, vk. com/id298840786 напиши мне в лс вк (убери пробел) можешь на стене,
подробнее...
спросили в Магия
зоти. Какого значение ЗОТИ? зоти это защита от тёмных исскуств
По моему это из какого то мультика, если честно. В магии такого определения нет.
Говоря
подробнее...
зоти. Какого значение ЗОТИ? зоти это защита от тёмных исскуств
По моему это из какого то мультика, если честно. В магии такого определения нет.
Говоря
подробнее...
спросили в Дела
что делать когда унижает мужа брат.? а муж при этом молчит?
брат мужа или твой? Если твой, то разбрись ты по семейному. Я не знаю как вы там это делаете, А
подробнее...
что делать когда унижает мужа брат.? а муж при этом молчит?
брат мужа или твой? Если твой, то разбрись ты по семейному. Я не знаю как вы там это делаете, А
подробнее...