разница между css height: 100% vs height: auto

В интервью мне задали вопрос: «В чем разница между height:100% css height:100% и height:auto

Может ли кто-нибудь объяснить?

height:100% подразумевает, что элемент будет иметь высоту 100% своего родительского контейнера.

height:auto означает, что элемент будет иметь гибкую высоту, то есть его высота будет зависеть от высоты дочерних элементов

Рассмотрим ниже пример:

высота: 100%

 

#innerDiv будет иметь height:50px

высота: авто

 

теперь #innerDiv будет иметь height:10px

Высота 100% – это, по-видимому, высота внутреннего windows вашего браузера , потому что это высота его родителя , страницы. auto высота будет минимальной высотой, необходимой для сдерживания .

По умолчанию используется height: auto в браузере, но height: X% Определяет высоту в процентах от содержащего блока.

  • Квадрат DIV, где высота равна области просмотра
  • Какие символы действительны в именах / селекторах classов CSS?
  • Что означает + в CSS?
  • Встроенный блок не работает в Internet Explorer 7, 6
  • CSS text-decoration подчеркивание цвета
  • Как сделать мигающий / мигающий текст с помощью CSS 3?
  • Как сделать круглые углы как внутри коробки, так и ее границы?
  • Как изменить цвет кнопки при наведении?
  • Почему .foo a: link, .foo a: visited {} селектор переопределяет: hover, a: active {} селектор в CSS?
  • Использование конвейера активов Rails 3.1 для условного использования определенного css
  • Как определить липкий нижний колонтитул переменной высоты в чистом CSS?
  • Давайте будем гением компьютера.