سلام .
خب div رو میشه به یه جعبه یا یه گروه تشبیه کرد . هر چی که تو این جعبه یا گروه باشه مربوط به اون div هستش دیگه .
برای این که بخای یه المنت رو حالا میتونه div باشه یا هر تگ html دیگه ای که خاصیت position براش تعریف شده باشه رو تو هر جایی از صفحه که میخای بذاری باید خاصیت استایل position رو روی absolute یا relative یا fixed بذاری . هر کدوم از اینا یه ویژگی مخصوص خودشونو دارن ولی در کل همه ی اینا یه خاصیت مشترک دارن که میتونی جسم رو از قید و بند مکانی بقیه المنت ها آزاد کنی . تفاوتاشون اینه که اگه از fixed استفاده کنی همه جا تو صفحه ثابته حتی اگه صفحه رو اسکرول کنی . اما دوتای دیگه به اسکرول وابسته اند . relative یه جورایی خاصیت گروه رو داره ینی اگه المنتای دیگه ای توی اون باشن اگه خاصیت position اونارو به relative یا absolute تغییر بدی خاصیت top ، left ، bottom و right اونا از گوشه بالا سمت چپ یا راست اون relative اصلیه حساب میشه . میشه گفت relative نقش خانواده و absolute نقش بچه ها رو داره .
خب برای اینکه موقعیت مکانی رو مشخص کنی میتونی از خاصیت های top ,left , right و bottom استفاده کنی البته اینو بگم نمیتونی از هر4 تا با هم استفاده کنی . چون اگه مثلا از left استفاده کنی موقعیت مکانی اون جسم از گوشه بالا سمت چپ جسم نسبت به گوشه بالا سمت چپ خانوادش محاسبه میشه و اگه از right استفاده کنی محاسبات از گوشه بالا سمت راست جسم نسبت به گوشه بالا سمت راست خانوادش محاسبه میشه و این دو کاملا با هم متضادند . برای اون دوتا هم همین طوریه . راستی از خاصیت position برای المنت هایی استفاده کن که میخای کلا مکانشون جدا باشه نه همه جا !!!
اینم فایل ویراش شده :
مشاهده پیوست index.rar
اینفایلو جایگزین فایل index خودت کن بعد بازش کن . داخلشم نوشتم کجارو تغییر دادم . میتونی خاصیت top رو خودت تغییر بدی تا جایی که خودت میخای باشه رو میزون کنی .
