Выполнить »
×
Изменить ориентацию
Открыть на Codepen
Изменить тему, Темная/Светлая
<!DOCTYPE html> <html> <head> <style> div.relative { position: relative; width: 400px; height: 200px; border: 3px solid #73AD21; } div.absolute { position: absolute; top: 80px; right: 0; width: 200px; height: 100px; border: 3px solid #73AD21; } </style> </head> <body> <h2>position: absolute;</h2> <p>Элемент с положением: absolute; позиционируется относительно ближайшего позиционированного предка (вместо позиционирования относительно области просмотра, как фиксированный):</p> <div class="relative">Этот div элемент имеет position: relative; <div class="absolute">Этот div элемент имеет position: absolute;</div> </div> </body> </html>
