есть у меня меню:

<nav>
<ul>
 <li>
  <a></a>
 </li>
 <li>
  <a></a>
 </li>
</ul>
</nav>

и есть стили для а:
padding: 20% 0 !important;
при этом я получаю значения паддинга в 68px и значение ссылки в 66px

вопрос:

от чего рассчитываются эти 20% что я получаю 68 пикселей, если ul имеет height:auto, а у li height не задано?

nav имеет фиксированую высоту...

вот статья для понимания.
Особенно помогает:

* {
	border: 1px solid red !important;
}

Забыл залогиниться перед отправкой сообщения(