В CSS, em - относительная единица, основанная на размере шрифта документа. Итак, что же такое em, тогда, если размер шрифта самого документа измеряется в ems? Предположим, что:
<style type = "text/css">
body
{
font-size: 1em;
}
</style>
Итак, теперь em определяется рекурсивно. Итак, как это обрабатывается браузером?
Документы W3C говорят:
Единица 'em' равна вычисленному значению 'font-size' свойство элемента, на котором он используется. Исключением является то, когда "em" встречается в значении самого свойства "font-size", в котором case это относится к размеру шрифта родительского элемента. Он может использоваться для вертикального или горизонтального измерения. (Этот блок также иногда называемый четырехугольником в типографских текстах.)
Но что, если элемент document.body, поэтому нет родительского элемента?