position: absolute সহ একটি এলিমেন্ট আপনার স্ক্রিনের টপ-লেফট কর্নারের সাপেক্ষে নির্দিষ্ট কোঅর্ডিনেটে পজিশন করা হয়।
position প্রোপার্টির সাথে top এবং left দুটি মান ব্যবহার করে HTML এলিমেন্টকে ডকুমেন্টের যেকোনো জায়গায় সরানো যায়।
- বামে সরান: left-এর জন্য নেগেটিভ মান ব্যবহার করুন।
- ডানে সরান: left-এর জন্য পজিটিভ মান ব্যবহার করুন।
- উপর সরান: top-এর জন্য নেগেটিভ মান ব্যবহার করুন।
- নিচে সরান: top-এর জন্য পজিটিভ মান ব্যবহার করুন।
উদাহরণ
নিচের কোডটি রান করে অ্যাবসোলিউট পজিশনিং বুঝতে পারেন:
<html>
<head></head>
<body>
<div style="position:absolute; left:80px; top:20px; background-color:yellow;">
This div has absolute positioning.
</div>
</body>
</html>
