Почему SVG код смещает блоки html?

Question

[Adexs]

Очень неожиданным оказался момент, когда обновил страницу после добавления кода и увидел, что блоки сместились вниз (ну или внизу добавилось место, если вставлять код в конец). В другой верстке такой проблемы не возникало. Сам код (pug)

svg(width="0" height="0")
			defs
				symbol#i-close-svg
					path(d="M64 0L0 64l448 448L2 958l64 64 446-446 446 446 64-64-446-446 448-448-64-64-448 448z")

Answer 1

[Oku]

svg сам блочный элемент. И если в нем самом не прописана ширина занимает всю область

Comments

[Ankhena]

Чего это он сам по себе блочный? Вставьте svg без стилей и откройте инспектор.

[Adexs]

Только вот один нюанс
width="0" height="0"