কম্পিউটার টিউটোরিয়াল

CSS position: absolute


position: absolute প্রোপার্টি এলিমেন্টকে সবচেয়ে নিকটস্থ পজিশन्ड ancestor-এর সাপেক্ষে পজিশন করার অনুমতি দেয়।

উদাহরণ

নিচের কোড রান করে CSS position: absolute ইমপ্লিমেন্ট করুন।

<!DOCTYPE html> <html>   <head>     <style>       div.one {         position: relative;         width: 500px;         height: 150px;         border: 2px solid blue;       }       div.two {         position: absolute;         top: 70px;         right: 0;         width: 300px;         height: 50px;         border: 2px solid yellow;       }     </style>   </head>   <body>     <h2>position: absolute;</h2>     The position: absolute; property allows you to position element relative to the nearest positioned ancestor.     <div class = "one">div has position: relative;       <div class = "two">div has position: absolute;</div>     </div>   </body> </html>

  1. CSS Absolute Positioning (position: absolute) — নিকটতম পজিশन्ड এনসেস্টারের সাপেক্ষে অবস্থান

  2. CSS-এ ব্যাকগ্রাউন্ড পজিশন সেট করা

  3. CSS দিয়ে অ্যাবসোলিউট পজিশনিং

  4. CSS এলিমেন্ট পজিশনিং