Позиционируйте элемент div поверх изображения даже при изменении размера окна

Question

Я хочу, чтобы красный прямоугольник всегда перекрывал черный ящик, даже когда размер окна изменяется. Размер поля составляет 40 пикселей * 40 пикселей и не изменяется при изменении размера окна. Все содержимое меняется в размере, кроме черного ящика. При этом расстояние от вершины остается неизменным. Как я могу добиться этого, чтобы красный прямоугольник всегда был наверху.

введите описание изображения здесь

Answer 1

Я предлагаю использовать одни и те же свойства для черного и красного (чтобы при изменении размера они падали в одном и том же месте) и использовать z-index, чтобы убедиться, что красный находится сверху.

Answer 2

просто создайте элемент div, который включает оба