Как сделать, чтобы ребёнок с абсолютным позиционированием игнорировал релативное позиционирование родителя?

Question

[partyzanx]

В общем, задача такая.
У родителя position relative
У ребёнка position absolute

Необходимо, чтобы span.b игнорировал position:relative родителя без удаления этого свойства, и имел свойства width: 100vw или 100%, и равнялся по левому краю body

Answer 1

[ned4ded]

Никак.

upd
Наверное, немножко стоит пояснить, чтобы не быть голословным. Позиционирование элемента со свойством position: absolute; относительно родителя со свойством position: relative; - это заложенное в логику рендеринга поведение. Вы пытаетесь сломать то, что работает так, как задумано. Попробуйте положить мяч на наклонную поверхность и попросите гравитацию перестать работать, чтобы мяч не покатился вниз.

Вот ссылка на спеку, если вам интересно, пример 13.

Comments

[partyzanx]

с помощью js как сделать, с помощью свойства .offset(), вычисляем ширину элемента, ширину родителя, ширину окна, расстояние ребёнок до края экрана, всё это приводим к формуле, получаем в пикселях длину, на которую нужно в css.{left: -px} сдвинуть данный элемент. Таким элементов будет несколько , поэтому формула должна быть универсальная для нескольких элементов с одинаковым классом, ну или подрубать js к элементу, который .родитель:hover .ребёнок

Answer 2

[Джавараст Скриптович]

Переписать код

Comments

[partyzanx]

с помощью js как сделать, с помощью свойства .offset(), вычисляем ширину элемента, ширину родителя, ширину окна, расстояние ребёнок до края экрана, всё это приводим к формуле, получаем в пикселях длину, на которую нужно в css.{left: -px} сдвинуть данный элемент. Таким элементов будет несколько , поэтому формула должна быть универсальная для нескольких элементов с одинаковым классом, ну или подрубать js к элементу, который .родитель:hover .ребёнок

[Джавараст Скриптович]

Мне интересно, из-за чего же понадобился этот костыль на JS?

[partyzanx]

M4mkin_pr0ger, в мобильном дизайне есть меню, при наведении на него выплывают подменю, они выплывают под самим родителем и заходят за край экрана.