Проблема с вершиной CSS на JavaScript создан объект HTML

Question

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

document.getElementById("myTd").appendChild(thisNewSpanObject);

новый диапазон, кажется, думает, что он - дочерний элемент окна. Поэтому, когда я устанавливаю атрибут

top:-10px;

диапазон фактически находится за пределами страницы, но выровнен по горизонтали относительно того, где он должен быть, тогда как в действительности я просто хочу, чтобы он отображал на 10 пикселей выше, чем при загрузке, если ему не было назначено свойство css. Должен ли я использовать что-то кроме верха здесь? Если я не использую top, то диапазон загружается прямо на месте, на 10 пикселей слишком низко (позиция: абсолютная; установлена).

Answer 1

Добавить position: relative к элементу span.

В настоящее время вы используете position: absolute, то есть оно будет относительно его ближайшего предка с чем-то кроме position: static (по умолчанию для элементов) илидокумент.

Answer 2

Добавьте position: relative к элементу с идентификатором myTd, а не span.