Позиция абсолютная в абсолютной позиции

Question

У меня есть сайт для обновления от предыдущего дизайна, и я заметил то, что меня не устраивает.

Обычно я позиционирую абсолютные позиционированные элементы в относительно позиционированном родителе. Но на этом сайте он имеет абсолютный позиционный элемент внутри абсолютного позиционированного родителя. Места работают нормально. Но я хочу убедиться, что это на 100% нормально или нет.

Answer 1

Не вижу проблем.

position: relative означает, что элемент будет расположен относительно до его текущего положения.

position: absolute означает, что элемент будет расположен относительно первого родительского элемента с либоposition: relativeилиposition: absolute.

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

Answer 2

Предполагая, что вы понимаете, как позиционирование работает и ваш элемент расположен так, как вы хотите, чтобы это было:

Да, что вы делаете это хорошо. Браузеры должны отображать его равномерно, и спецификации подразумевают, что это приемлемо over here in the absolute positioning section.