عن حياة العائمة في الماضي والحاضر

النص الأصلي : كل شيء عن العوامات
ترجمة : عن الحياة الماضية والحالية من العائمة
جميع الحقوق محفوظة يرجى الإشارة إلى المصدر عند إعادة الطباعة. !

ما هو تعويم؟

Float هي خاصية تحديد المواقع لـ CSS. يمكننا أن ننظر إلى التصميم المطبعي لفهم أصوله ودوره. في تخطيط الطباعة، يمكن للنص أن يحيط بالصورة حسب الرغبة. تسمى هذه الطريقة عمومًا "التفاف النص".
هنا مثال:

في برامج التنضيد، يمكن ضبط مربع النص للسماح بالتخطيط المختلط للصور والنص، أو لتجاهله. لن يسمح أي خلط من النص إلى الصورة بظهور النص أعلى الصورة كما لو لم يكن موجودًا هناك. هذا هو الفرق بين ما إذا كانت الصورة جزءًا من تدفق الصفحة أم لا. تصميم الويب مشابه جدًا لهذا.

في تصميم الويب، تكون عناصر الصفحة التي يتم تطبيق سمة CSS عليها مثل الصور المحاطة بالنص في تخطيط مطبعي. لا تزال العناصر العائمة جزءًا من تدفق صفحة الويب. يعد هذا اختلافًا كبيرًا مقارنة باستخدام عناصر الصفحة ذات الموضع المطلق. تتم إزالة عناصر الصفحة ذات الموضع المطلق من تدفق الصفحة، تمامًا كما يتم تعيين مربعات النص في تخطيطات الطباعة لتجاهل التفاف الصفحة. لن يؤثر العنصر الذي تم وضعه بشكل مطلق على العناصر الأخرى، ولن تؤثر عليه العناصر الأخرى، بغض النظر عما إذا كان بجوار عناصر أخرى.

قم بتعيين تعويم باستخدام CSS على عنصر مثل هذا:

#الشريط الجانبي { تعويم: يمين }

تحتوي السمة fload على أربع قيم متاحة: تعويم العنصر لليسار واليمين في الاتجاه الخاص به، ولا شيء (افتراضي) يجعل العنصر غير عائم، وسيحصل Inherit على القيمة العائمة من العنصر الأصلي.