Почему у svg в этом коде высота не 40px, а 100?

Question

[Андрей Федоров]

Вот код:
codepen.io/aliencash/pen/LxVopr?editors=1100#0

Я конечно могу дать еще и для svg принудительно height: 40px; но не понятно почему svg не ограничивается принудительно заданной высотой родителя, почему игнорируется viewbox, и вообще ЧТО ПРОИСХОДИТ?

Answer 1

[Андрей Федоров]

Нашел ответ на стеке - stackoverflow.com/questions/39260135/why-does-the-...

Answer 2

[WQP]

У вас в сталях

.key-svg {
  width: 40px;
  height: 40px;
  padding: 0;
  box-sizing: border-box;
  border-radius: 1000px;
}

Comments

[Андрей Федоров]

Да. Я родителю даю размеры 40х40. Насколько я понимаю задавая viewbox 0 0 100 100 для вложенного для svg я масштабирую его под размеры родителя. С шириной так и происходит. А вот с высотой твориться что-то странное.