اجرا ❯
بازگشت
به
آموزشگاه
×
Change Orientation
Save Code
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html dir="rtl"> <head> <style> div.fixed { position: fixed; bottom: 0; right: 0; width: 300px; border: 3px solid #73AD21; } </style> </head> <body> <h2>position: fixed</h2> <p>یک عنصر که از ویژگی و مقدار position: fixed استفاده کند، نسبت به viewport (فضای پنجره ی مرورگر) موقعیت دهی می شود؛ این یعنی این عنصر در مکان خود می ماند، حتی اگر صفحه اسکرول شود. از ویژگی های top و right و bottom و left برای موقعیت دهی این عنصر استفاده می شود. یک عنصر fixed هیچ جای خالی در صفحه از خود باقی نمی گذارد. </p> <div class="fixed"> این عنصر div از ویژگی و مقدار position: fixed استفاده می کند. </div> </body> </html>
