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