CSS تحديد مکان مطلق
- صفحه قبل CSS تحديد مکان نسبی
- صفحه بعدی CSS شناور
设置为绝对定位的元素框从文档流完全删除，并相对于其包含块定位，包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭，就好像该元素原来不存在一样。元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框。
CSS تحديد مکان مطلق
绝对定位使元素的位置与文档流无关，因此不占据空间。这一点与相对定位不同，相对定位实际上被看作普通流定位模型的一部分，因为元素的位置相对于它在普通流中的位置。
普通流中其它元素的布局就像绝对定位的元素不存在一样：
#box_relative {
position: absolute;
left: 30px;
top: 20px;
همانطور که در شکل زیر نشان داده شده است:
موقعیت عناصر تحديد مکان مطلق نسبت بهپدر تحديد شده نزدیک‌تراگر عنصر هیچ پدر تحديد شده‌ای ندارد، موقعیت آن نسبت بهاولین بلوک شامل
برای تحديد مکان اصلی، مهم است که معنای هر نوع تحديد مکان را به خاطر بسپاریم. بنابراین، حالا بیایید دانشی که یاد گرفته‌ایم را مرور کنیم: تحديد مکان نسبی "در مقایسه با" موقعیت اولیه عناصر در مستند است، در حالی که تحديد مکان مطلق "در مقایسه با" نزدیک‌ترین پدر تحديد شده است، اگر هیچ پدر تحديد شده‌ای وجود ندارد، "در مقایسه با" اولین بلوک شامل است.
توضیح:بسته به کاربرندها، اولین بلوک شامل ممکن است کanvas یا عنصر HTML باشد.
توضیح:چون جعبه‌های تحديد مکان مطلق با جریان مستندات هیچ ارتباطی ندارند، بنابراین می‌توانند عناصر دیگر صفحه را پوشش دهند. می‌توان با تنظیم ویژگی z-indexبرای کنترل ترتیب قرارگیری این جعبه‌ها.
CSS مطلقًا تحديد الموقع مثال
- تحديد مکان: تحديد مکان مطلق
- این مثال نشان می‌دهد که چگونه می‌توان از مقدار مطلق برای تحديد مکان عناصر استفاده کرد.
- صفحه قبل CSS تحديد مکان نسبی
- صفحه بعدی CSS شناور
