Высота дочернего блока

165
29 декабря 2019, 22:00

Как в css сделать так, чтобы высота дочернего блока занимала всю высоту родительского? Высота родительского блока при этом не определена.

Answer 1

Вот так можно

.parent { 
  position: relative; 
} 
 
.child { 
  overflow: hidden; 
  position: absolute; 
  top: 0; 
  bottom: 0; 
  background: red; 
}
<div class="parent"> 
  <div class="child">child</div> 
</div>

А это пример чтобы было понятнее, добавил высоту родителю

.parent { 
  position: relative; 
  height: 50px; 
} 
 
.child { 
  overflow: hidden; 
  position: absolute; 
  top: 0; 
  bottom: 0; 
  background: red; 
}
<div class="parent"> 
  <div class="child">child</div> 
</div>

READ ALSO
:hover + :not - как оптимально реализовать?

:hover + :not - как оптимально реализовать?

Столкнулась со следующей проблемой, которую хотелось бы решить лаконичнее в одну строкуНеобходимо чтобы при наведении на пункты меню появлялось...

148
Скорость выполнения js скрипта

Скорость выполнения js скрипта

Есть скрипт "ход конем"

161
Ошибка при сборке: &ldquo;Module parse failed: Unexpected token&rdquo; [закрыт]

Ошибка при сборке: “Module parse failed: Unexpected token” [закрыт]

Хотите улучшить этот вопрос? Update the question so it's on-topic for Stack Overflow на русском

149