Принимают ли статические / относительные делители высоту в%

Question

У меня есть div, который должен быть расположен статически / относительно. Когда высота и ширина определены в%, браузер (FF) игнорирует установленную высоту и отображает очень маленький div. Однако, когда я устанавливаю высоту в пикселях (примерно такое же вычисленное значение), она работает плавно.

Ширина, определенная в%, работает отлично.

Мне нужно, чтобы высота также определялась в% - из-за проблем с разрешением / масштабированием.

Answer 1

С http://reference.sitepoint.com/css/height:

Значения в процентах относятся к высоте элемента, содержащего блок. Если высота вмещающего блока не указан явно (то есть это зависит от высоты содержимого), и этот элемент не совсем позиционируется, процентное значение трактуется как авто. Процентное значение также рассматривается как auto для таблиц, строки таблицы и группы строк.

Надеюсь, это поможет.

Answer 2

Вам нужно указать height всех предков вашего div.

Answer 3

Также следует помнить о различном поведении браузера при использовании процентных значений. (Например, только то, что 4x25% равняется 100%, не означает, что ваши div'ы будут занимать 100%.)

Answer 4

Вы можете эмулировать проценты, манипулируя высотой элементов в пикселях с помощью JavaScript.