Для блоку, щодо якого потрібно спозиціонувати елемент із абсолютним позиціонуванням, потрібно додати властивість position:relative. Ми вже знаємо, що додавання position:relative без додавання до нього властивостей left, right, top або bottom не змінює початкового положення блоку.
Як зробити абсолютне позиціонування усередині блоку?
Присвоюємо заголовку position: relative; а span-у – position: absolute;. Далі задаємо тлом рядкового елемента потрібне нам зображення і позиціонуємо його щодо заголовка (зазвичай top: 0; left: 0;).
Як поставити абсолютне позиціонування?
При абсолютному позиціонуванні елемент не існує у потоці документа і його положення задається щодо країв браузера. Встановити цей тип можна через значення absolute властивості.. Координати вказуються щодо країв вікна браузера, що називається «видимою областю» або «областю перегляду» (рис. 1).