При применении любых методов относительного определения размеров элемента следует помнить о том, что элемент наследует это значение от родителя, и уже это значение следует подгонять для достижения требуемого результата. При этом следует с осторожностью использовать относительное задание размеров родительского элемента, поскольку при сложной организации контейнеров может быть непросто определить путь наследования. Рассмотрим следующий код:

<div>
<p>
Скачать <em>CMS XOOPS</em> вы можете по 
<a href="#">ссылке на <code>xoops.ws</code></a>
или на офсайте.
</p>
</div>

 
Допустим, для свойства font-size вышеприведенного текста требовалось задать значение 130% по отношению к размеру по умолчанию, и мы ошибочно сделали это следующим образом:

div, p, em, a, code {
font-size: 130%;
}

В результате размер шрифта вложенных элементов станет крупнее, составив 130% от размера родительского элемента, который, в свою очередь, составляет 130% от размера своего родительского элемента и т. д.,
как показано на рис. 2.4

Рис. 2.4. Относительное задание размера шрифта для вложенных элементов