PNLdev
آموزش
فرانت اند
HTML
آموزش
مرجع
CSS
آموزش
مرجع
JS
آموزش
Jqery
آموزش
بک اند
PHP
آموزش
MySql
آموزش
Python
آموزش
js
آموزش
اندروید
Python
آموزش
++C
آموزش
C
آموزش
ویندوز
Python
آموزش
++C
آموزش
#C
آموزش
الکترونیک
C
آموزش
++C
آموزش
Python
آموزش
امنیت
Linux
آموزش
Python
آموزش
هوش مصنوعی
Python
آموزش
NumPy
آموزش
Pandas
آموزش
وب سرویس
تقویم شمسی
مستندات
کلاس آنلاین
برنامه نویسی تحت وب
طراحی سایت Frontend
کلاس آنلاین
طراحی سایت با PHP
کلاس آنلاین
کلاس طراحی سایت با پایتون Django) + Python)
کلاس آنلاین
دوره طراحی سایت با #ASP.net) + C)
کلاس آنلاین
کلاس آموزش Laravel
کلاس آنلاین
سایر کلاس ها
کلاس SEO
کلاس آنلاین
کلاس آموزش هوش مصنوعی
کلاس آنلاین
کلاس آموزش هک و امنیت
کلاس آنلاین
فا
English
فارسی
فا
English
فارسی
آموزش
کلاس آنلاین
فرانت اند
HTML
آموزش
مرجع
CSS
آموزش
مرجع
JS
آموزش
Jqery
آموزش
بک اند
PHP
آموزش
MySql
آموزش
Python
آموزش
js
آموزش
اندروید
Python
آموزش
++C
آموزش
C
آموزش
ویندوز
Python
آموزش
++C
آموزش
#C
آموزش
الکترونیک
C
آموزش
++C
آموزش
Python
آموزش
امنیت
Linux
آموزش
Python
آموزش
هوش مصنوعی
Python
آموزش
NumPy
آموزش
Pandas
آموزش
وب سرویس
تقویم شمسی
مستندات
برنامه نویسی تحت وب
طراحی سایت Frontend
کلاس آنلاین
طراحی سایت با PHP
کلاس آنلاین
کلاس طراحی سایت با پایتون Django) + Python)
کلاس آنلاین
دوره طراحی سایت با #ASP.net) + C)
کلاس آنلاین
کلاس آموزش Laravel
کلاس آنلاین
سایر کلاس ها
کلاس SEO
کلاس آنلاین
کلاس آموزش هوش مصنوعی
کلاس آنلاین
کلاس آموزش هک و امنیت
کلاس آنلاین
اجرا
<!DOCTYPE html> <html> <head> <style> div.parent { position: relative; height: 200px; border: 3px solid red; } div.absolute { position: absolute; width: 50%; bottom: 10px; border: 3px solid #8AC007; } div.relative { position: relative; width: 50%; bottom: 5px; border: 3px solid #8AC007; } div.fixed { position: fixed; width: 50%; bottom: 10px; border: 3px solid #8AC007; } div.sticky { position: sticky; width: 50%; bottom: 10px; border: 3px solid #8AC007; } </style> </head> <body> <h1>bottom property example</h1> <div class="parent">This div element has position: relative; <div class="absolute"><strong>position: absolute and bottom 10px</strong><br>This div's bottom edge is placed 10 pixels above the bottom edge of the containing element.</div> </div> <br> <div class="parent">This div element has position: relative; <div class="relative"><strong>position: relative and bottom 5px</strong><br>This div's bottom edge is placed 5 pixels above its normal position.</div> </div> <br> <div class="fixed"><strong>position: fixed and bottom 10px</strong><br>This div's bottom edge is placed 10 pixels from the bottom of the viewport.</div> <div class="parent">This div element has position: relative; <div class="sticky"><strong>position: sticky and bottom 10px</strong><br>This div is sticky.</div> </div> </body> </html>