بصورت کلی و عمومی ترتیب قرارگیری المنت های روی صفحه به این صورت هست که مرورگر کدها رو از بالا میخونه و زیر هم نشون میده. یعنی در حالت عادی در خصوص المنت هایی که از نوع block هستند زیر هم قرار میگیرند.
حالا اگر خواسته باشیم دو المنت رو روی هم قرار بدیم، باید این قاعده پیش فرض رو عوض کنیم و این کار هم در تخصص دوست عزیزمون position: absolute هست که مخصوصا چنین شرایطی هست.
با absolute قرار دادن پوزیشن برای یک المنت میتونید با استفاده از مقادیر top و right و ... اون رو بر اساس والد خودش هر جایی خواستید قرار بدید.
پ ن: مبحث postioning و تفاوت هاشون بحث خیلی مهم و مفصلیه و من فقط خروجی نهاییش رو عرض کردم. پیشنهاد میکنم در صورت نیاز حتما به یک منبع معتبر و کامل مراجعه کنید و راجع بهش مطالعه کنید.
موفق و پیروز باشید
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟