Why computed Height of DIV is larger than it's content (like svg) when it's height is provided as “100%”? [duplicate]

Answer 1

It's because is an inline element - setting it to display: block; will remove those effects e.g. caused from a line-height.

svg {
  display: block;
}