position absolute
بازگشت به صفحه اصلی
بازگشت به صفحه مقاله
دو ستونی
دو سطری
اجرای کد RUN »
<!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: 300px; height: 100px; border: 3px solid #73AD21; } h2,div,p {direction:rtl;} </style> </head> <body> <h2>position: absolute;</h2> <p>موقعيت عنصر با ;position: absolute نسبت به نزديكترين عنصر ريشه اي خود كه موقعيت دهي شده است ، تنظيم مي شود. به عبارتي ديگر بجاي اينكه عنصر نسبت به ديد صفحه فيكس شود ، نسبت به عنصر ريشه خود ، فيكس مي شود.</p> <div class="relative">این عنصر div دارای ;position: relative است. <div class="absolute">این عنصر div دارای ;position: absolute است.</div> </div> </body> </html>