تغییر موقعیت عناصر صفحه با استفاده از CSS

Position
ویژگی Position به ما اجازه می دهد تا تعیین کنیم که آیا می خواهیم موقعیت یک عنصر در صفحه مشخص شود یا نه؟ اگر می خواهیم آن عنصر موقعیت مشخصی داشته باشد موقعیت عنصر را در صفحه تعیین می کند.چندین مقدار برای را می توان برای این ویژگی قرار داد.در این پست این مقادیر را خیلی خلاصه توضیح می دهم:
Static
این مقدار پیش فرضی است که در صورت تعریف نشدن Position در صفحه استفاده می شود. با این مقدار اجزا در همان جایی که کد انها را می نویسید دیده می شوند.
Absolute
این مقدار به ما اجازه می دهد تا یک عنصر از صفحه را در هر موقعیتی نسبت به بالا ، پایین ، چپ و راست صفحه که بخواهیم نمایش دهیم.
Fixed
این گزینه به ما اجازه می دهد تا موقعیت یک عنصر صفحه را در پنجره مرورگر مشخص کنیم. در صورتی که برای یک عنصر از این ویژگی استفاده کنیم، موقعیت آن عنصر حتی در صورتی که به بالا و پایین صفحه برویم یا اندازه پنجره مرورگر را تغییر دهیم به همان صورت قبلی باقی می ماند.البته اینترنت اکسپلورر در ویندوز از این ویژگی پشتیبانی نمی کند.ولی اینترنت اکسپلورر در مکینتاش ، همچنین مرورگرهای نت اسکیپ از این ویژگی پشتیبانی می کنند.