В дочернем блоке неправильная высота.

[alextrof94]

<div class="imagebox_outer">
    <div class="imagebox">
        <img class="imagebox_image" src="https://pp.vk.me/c424225/v424225445/1300/6khcvJSDvno.jpg" />
    </div>
</div>

.imagebox_outer {
    width: 90%;
    max-height: 40%;
    position: fixed;
    display: block;
    padding: 20px;
    z-index: 1001;
    margin-top: 5%;
    margin-left: 5%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.imagebox {
    position: relative;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.imagebox_image {
    width: 100%;
    height: 100%;
}
.imagebox_outer {
    background-color: #222;
}
.imagebox {
    background-color: #333;
}

Делаю всплывающее "окно" для маленьких изображений.
Хочу добиться, чтобы максимальная высота блока была не более 90% от экрана (в данном примере 40% для наглядности).
Внешний див принимает верную высоту, а вот вложенный почему-то нет.
.imagebox_outer лежит непосредственно в теге html

http://jsfiddle.net/alextrof94/9qba56ta/2/

[Smitt&Wesson]

проблема здесь

.imagebox {
    position: relative;
    width: 100%;
    height: 100%;

Прроблема в том, что уже задан рзмер области. Уберите его.

[alextrof94]

Проблема не в этом.
Ставил и max-~, который не задает жесткий размер, а только максимальный. Итог аналогичный.
А если размер убрать вообще, изображения будут выходить за рамки даже по ширине, и остается все та же проблема.
http://jsfiddle.net/alextrof94/9qba56ta/3/ (большое за рамками)
http://jsfiddle.net/alextrof94/9qba56ta/4/ (маленькое)

Факт в том, что с заданным размером в 100% по высоте, изображение должно сжаться до размера родительского элемента, но этого не происходит.

[Вадим Мошев]

Насколько я знаю, height: 100% не даёт результата.
Пробуйте установить height: inherit

[alextrof94]

inherit - присваивает свойство родительского элемента. Если у родителя 20%, то у дочернего установится 20%, в итоге дочерний будет занимать 20% от 20% = 4%.
Проблема в том, что height вообще не работает и мне непонятно почему.
Я что только уже не пробовал. И дополнительные промежуточные блоки и разные position/height.
Ладно. Буду задавать размеры через JS.

[Naive]

Сообщение от alextrof94

Факт в том,

Факт (лат. Factum — свершившееся) — термин, в широком смысле может выступать как синоним истины; событие или результат; реальное, а не вымышленное; конкретное и единичное в противоположность общему и абстрактному. (вика, куда без нее?)
В данном случае давайте посмотрим, как должен действовать рендер браузеров, с точки зрения заявленного поведения, задокументированного на W3C, ведь автор прочитал его, ФАКТ же?

Сообщение от alextrof94

что с заданным размером в 100% по высоте, изображение должно сжаться до размера родительского элемента, но этого не происходит.

Оу... вот же лажа?.. Почему-то этого не происходит... Почему? Браузеры виноваты! Давайте еще набросаем непонятного нам обоим CSS-шлака, может так они [браузеры] поймут?

Сделай одну картинку

.pic {
  position: fixed;
  max-width: 90%;
  max-height: 90%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

и не парься

[alextrof94]

Naive, я смотрю, ты умный слишком, абсолютно все спецификации перечитал.
Помимо картинки там еще и описание, да еще и навигация по изображениям в сете.
А код я урезал до минимально неработающего, дабы побочка в глаза не бросалась.

Проблема в том, что дочерние элементы не могут понять высоту у position: fixed/absolute родительского и мне это не кажется правильным. Но так как я не понял как это исправить - спросил на форуме.

А свой сарказм можешь засунуть себе глубоко и надолго, умник.

[Naive]

Сообщение от alextrof94

Naive, я смотрю, ты умный слишком, абсолютно все спецификации перечитал.
Помимо картинки там еще и описание, да еще и навигация по изображениям в сете.
А код я урезал до минимально неработающего, дабы побочка в глаза не бросалась.

Проблема в том, что дочерние элементы не могут понять высоту у position: fixed/absolute родительского и мне это не кажется правильным. Но так как я не понял как это исправить - спросил на форуме.

А свой сарказм можешь засунуть себе глубоко и надолго, умник.

Ножкой еще топни от негодования. Если бы было ясно, что тебе еще и описание требуется, я бы другой код предложил.
Знаешь, в чем прикол? Я действительно читаю документацию, я действительно знаю как поступит браузер при рендере и при каких наборах CSS, мною написанных.
А свой сарказм я буду пихать тому, кому лично захочу.
Удачи в освоении