Неправильная максимальная высота, когда родительский элемент имеет отступ - PullRequest
Новая
       8

Неправильная максимальная высота, когда родительский элемент имеет отступ

0 голосов
/ 15 мая 2019

В приведенном ниже примере не используется 100% высоты от максимальной высоты (отступ контейнера вычитается). Появляется в Chrome и Safari, но не в Firefox. Это какая-то ошибка в chrome / webkit?

Если вы установите вместо высоты максимальной высоты 100%, красная рамка исчезнет

Красная рамка вызвана заполнением элемента контейнера 

.containerWrapper {
  height: 400px;
}
.container {
  padding: 10px;
  background: yellow;
  position: relative;
  height: 300px;
}
.dialog {
  position: absolute;
  top: 0;
  background: red;
  height: 500px;
  max-height: 100%;
}
.dialogContent {
  height: 100%;
  background: green;
  margin: 0;
  display: block;
}
<div class="container">
  <div class="dialog">
    <p class="dialogContent">
      Dialog content
    </p>
  </div>
</div>

Здесь, если также скрипка: https://jsfiddle.net/8cykht4b/12/

...