CSS অবস্থান সম্প্রসারণ

অবিকল্পিত অবস্থান হওয়া উপাদানের বাক্স নথিভূক্ত প্রবাহ থেকে সম্পূর্ণভাবে সরিয়ে নেয়, এবং তার বাস্তবায়িত বাক্সের প্রতি অবস্থান করে, যেমন বাস্তবায়িত বাক্স হতে পারে নথিভূক্ত অন্য উপাদান বা প্রাথমিক বাস্তবায়িত বাক্স। উপাদান প্রথমে সাধারণ নথিভূক্ত প্রবাহে অবস্থানের স্থানটি বন্ধ করা হয়, যেমন উপাদান আগে কোনও বিদ্যমান নয়:

CSS অবস্থান সম্প্রসারণ

অবিকল্পিত অবস্থান উপাদানটির অবস্থানকে নথিভূক্ত প্রবাহ থেকে স্বাধীন করে, তাই স্থান দখল করে না। এই বিষয়টি সম্পূর্ণভাবে সম্পর্কিত অবস্থানকে পার্থক্য করে, কারণ সম্পর্কিত অবস্থানটি বাস্তবে সাধারণ প্রবাহ অবস্থান মডেলের একটি অংশ হিসাবে বিবেচিত হয়, কারণ উপাদানটির অবস্থান সাধারণ প্রবাহের অবস্থানের প্রতি নির্দিষ্ট:

সাধারণ প্রবাহের অন্যান্য উপাদানগুলির সাজাকরণ আবার্তিত হয় যেমন অবিকল্পিত অবস্থানযুক্ত উপাদানগুলির মতো:

#box_relative {
  position: absolute;
  left: 30px;
  top: 20px;
}

如下图所示：

CSS অবস্থান সম্প্রসারণ প্রক্রিয়া

绝对定位的元素的位置相对于最近的已定位祖先元素，如果元素没有已定位的祖先元素，那么它的位置相对于প্রথমত অন্তর্ভুক্ত ফাঁক。

অবস্থান সম্পর্কে মূল প্রশ্ন স্মরণ করুন, প্রত্যেকটি অবস্থানের অর্থ স্মরণ করুন।তাই, এখন আমরা শিখা কিছুকে পুনরায় পর্যালোচনা করি: সম্পর্কিত অবস্থান হল উপাদানটির ডকুমেন্টের প্রথম অবস্থানের সাথে 'তুলনা করা' এবং অবস্থান সম্প্রসারণ হল সবচেয়ে নিকটবর্তী অবস্থানসম্পন্ন অভিভাবক উপাদানের সাথে 'তুলনা করা'।যদি কোনও অবস্থানসম্পন্ন অভিভাবক উপাদান থাকবে না, তবে 'প্রথমত অন্তর্ভুক্ত ফাঁক' এর সাথে 'তুলনা করা' করা হবে。

মুক্তবাক্য:ব্যবহারকারীর উপাদান ভিন্ন থাকলে, প্রথমত অন্তর্ভুক্ত ফাঁক হতে পারে কার্টুন বা HTML উপাদান。

সুঝানা:কারণ অবস্থান সম্প্রসারণ করা ফাঁকগুলি ডকুমেন্ট প্রবাহ সহ সম্পর্কিত নয়, তাই তারা পাতায় অন্যান্য উপাদানগুলির উপর আবৃত হতে পারে।এটা সেট করে পারেন: z-index গুণএই ফাঁকগুলির সাথে সাথে পর্যায় নির্ধারণ করুন。

CSS অবস্থান সম্প্রসারণ প্রক্রিয়া

অবস্থান: অবস্থান সম্প্রসারণ
এই উদাহরণ দেখিয়ে দেয় কিভাবে অবস্থানকে সম্পূর্ণ মান ব্যবহার করে উপাদানকে অবস্থান দেওয়া যায়。