Почему у SVG браузер сам рисует отступ?

Question

[Alexchexes]

Код:



Результат в двух браузерах - видно что отступ снизу овала разный, его нужно убрать совсем - то есть выровнять SVG идеально по низу родительского блока.



Ясно, что я могу убрать немного пикселей в данном случае через bottom: -10px; или нарисовать полный эллипс и обрезать половину (но на самом деле чуть меньше) через overflow: hidden; но это не решает корень проблемы, это костыли...

Comments

[RAX7]

Почему снизу под картинкой отступ?

Answer 1

[lamer350]

Добавте просто SVG стиль vertical-align:bottom в css

.ball svg{
  vertical-align:bottom;
}