Размещение SVG в div

Я пытаюсь разместить SVG в элементе div. Должно быть просто: div - это позиция: относительная, SVG {позиция: абсолютная левая: 0 вверху: 0}.

Но SVG отображается не в верхнем левом углу, а где-то в середине div.

Попытка осмотреть элементы не помогает: кажется, я не могу найти причину неправильного позиционирования.

Но у меня есть подозрение: SVG поступает из Inkscape с тоннами метаданных и непонятными (для меня) параметрами, такими как «transform = matrix (...)». Если я попытаюсь удалить эти линии преобразования, SVG либо исчезнет, либо будет заблокирован иным образом.

Когда я пробую все это с помощью сверхпростого SVG (встроенный прямоугольник, без Inkscape), никаких проблем не возникает.

Так что же в разметке Inkscape мешает позиционированию моего SVG?

Спасибо!

установите флажок в окне просмотра ... добавьте границу в свой SVG, чтобы лучше понять

— 22.05.2018 02:38

Добро пожаловать в Stack Overflow. Прочтите Как спросить и обновите свой вопрос, добавив минимальный воспроизводимый пример. Очень сложно давать советы, не видя своего кода. Это могло быть много всего.

— 22.05.2018 08:36

@TemaniAfif Когда я наводил курсор на SVG в Inspect Element, я не видел ничего особенного в размере SVG. Он занимает небольшую коробку без каких-либо скрытых полей. Похоже, это не объясняет такое поведение.

— 22.05.2018 09:03

css svg inkscape

22.05.2018 02:27

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...