সুচিপত্র:

সিএসএস-এ অবস্থান ঠিক কী?
সিএসএস-এ অবস্থান ঠিক কী?

ভিডিও: সিএসএস-এ অবস্থান ঠিক কী?

ভিডিও: সিএসএস-এ অবস্থান ঠিক কী?
ভিডিও: একটি বাস্তব বিশ্বের উদাহরণ দিয়ে দ্রুত CSS পজিশনিং শিখুন 2024, মে
Anonim

সঙ্গে একটি উপাদান অবস্থান : স্থির ; ভিউপোর্টের সাপেক্ষে অবস্থান করা হয়, যার মানে পৃষ্ঠাটি স্ক্রোল করা হলেও এটি সবসময় একই জায়গায় থাকে। উপরের, ডান, নীচে, এবং বাম বৈশিষ্ট্য ব্যবহার করা হয় অবস্থান উপাদান ক স্থির উপাদানটি পৃষ্ঠায় একটি ফাঁক রাখে না যেখানে এটি সাধারণত অবস্থিত হত।

একইভাবে, আপনি জিজ্ঞাসা করতে পারেন, আপনি কিভাবে CSS এ অবস্থান পরিবর্তন করবেন?

এইচটিএমএল নথির যেকোনো জায়গায় একটি এইচটিএমএল উপাদান সরানোর জন্য আপনি অবস্থান সম্পত্তির সাথে উপরের এবং বাম দুটি মান ব্যবহার করতে পারেন।

  1. বামে সরান - বাম জন্য একটি ঋণাত্মক মান ব্যবহার করুন.
  2. ডানদিকে সরান - বামের জন্য একটি ইতিবাচক মান ব্যবহার করুন।
  3. উপরে সরান - শীর্ষের জন্য একটি নেতিবাচক মান ব্যবহার করুন।
  4. নীচে সরান - শীর্ষের জন্য একটি ইতিবাচক মান ব্যবহার করুন।

একইভাবে, CSS এ আপেক্ষিক এবং পরম মধ্যে পার্থক্য কি? একটি পরম অবস্থান উপাদান অবস্থান করা হয় আপেক্ষিক স্ট্যাটিক ছাড়া অন্য একটি অবস্থান আছে যে প্রথম অভিভাবক উপাদান. ক আপেক্ষিক অবস্থানকৃত উপাদান অবস্থান করা হয় আপেক্ষিক তার স্বাভাবিক অবস্থানে। তুলনামূলকভাবে একটি উপাদান অবস্থান করতে, সম্পত্তি অবস্থান হিসাবে সেট করা হয় আপেক্ষিক.

একইভাবে কেউ প্রশ্ন করতে পারে, কিভাবে আপনি CSS এ পরম অবস্থান নির্ধারণ করবেন?

পরম ভিতরে অবস্থান : আপেক্ষিক, উপাদানটি নিজের সাথে সম্পর্কিত। যাইহোক, একটি একেবারে অবস্থানকারী উপাদান তার পিতামাতার সাথে সম্পর্কিত। সঙ্গে একটি উপাদান অবস্থান : পরম স্বাভাবিক নথি প্রবাহ থেকে সরানো হয়। এটি স্বয়ংক্রিয়ভাবে এর মূল উপাদানের প্রারম্ভিক বিন্দুতে (শীর্ষ-বাম কোণে) অবস্থান করে।

আমি কিভাবে HTML এ ছবির অবস্থান ঠিক করব?

ব্যবহার করলে অবস্থান : স্থির , উপাদানটি উইন্ডোতে তুলনামূলকভাবে অবস্থান করে, তাই আপনি স্ক্রোল করলেও, উপাদানটি সরে না। আপনি স্ক্রোল করার সময় এটি সরাতে চাইলে ব্যবহার করুন অবস্থান : পরম। কিন্তু আপনার লেআউটের কারণে, আপনার কাছে 2টি বিকল্প রয়েছে: রাখুন ইমেজ #বক্সের ভিতরে।

প্রস্তাবিত: