به پایان فصل رسیدیم. تو این فصل با مقادیر مختلف position آشنا شدیم: static و relative، absolute و مفهوم Containing Block، fixed و sticky، Offset Properties (top، right، bottom، left) و در نهایت z-index و Stacking Context. حالا وقتشه با ۵ سؤال، میزان تسلطتون رو بسنجیم.
CSS / Positioning
آزمون پایان فصل: Positioning
تمرینها
تمرین 1
وقتی یک عنصر با position: relative با کمک top و left جابهجا میشود، چه اتفاقی برای فضای اصلی آن در چیدمان میافتد؟
برای ثبت نتیجهی این تمرین لطفاً وارد حساب کاربری خود شوید.
تمرین 2
اگر یک عنصر با position: absolute هیچ جد (Ancestor) با position غیر از static نداشته باشد، نسبت به چه چیزی موقعیتدهی میشود؟
برای ثبت نتیجهی این تمرین لطفاً وارد حساب کاربری خود شوید.
تمرین 3
تفاوت اصلی position: fixed با position: sticky در چیست؟
برای ثبت نتیجهی این تمرین لطفاً وارد حساب کاربری خود شوید.
تمرین 4
مقدار top: 20px روی یک عنصر با position: absolute، دقیقاً چه معنایی دارد؟
برای ثبت نتیجهی این تمرین لطفاً وارد حساب کاربری خود شوید.
تمرین 5
چرا یک عنصر فرزند با z-index: 999، ممکن است همچنان پشت یک عنصر دیگر با z-index: 2 در صفحه قرار بگیرد؟
برای ثبت نتیجهی این تمرین لطفاً وارد حساب کاربری خود شوید.
