اجرا ❯
بازگشت
به
آموزشگاه
×
Change Orientation
Save Code
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html dir="rtl"> <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>یک عنصر که از ویژگی و مقدار position: absolute استفاده می کند،(به جای اینکه مانند fixed، نسبت به viewport موقعیت دهی شود) نسبت به نزدیک ترین عنصر والد(پدر) خود موقعیت دهی می شود.:</p> <div class="relative">این عنصر div از position: relative استفاده می کند. <div class="absolute">این عنصر div از position: absolute استفاده می کند.</div> </div> </body> </html>
