跑步 ”
×
改变方向
在 Codepen 上打开
更改主题，深色/浅色
<!DOCTYPE html> <html> <head><meta http-equiv="content-security-policy" content="script-src 'none'"> <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>
