فهم دور "clear: كلاهما" في تصميم CSS

عند العمل مع تصميم الويب، من الضروري فهم مفهوم العائمة العناصر وكيفية التحكم في مواقعها. تظهر سمة النمط "clear: كلاهما" كأداة قيمة في هذا السياق.

شرح "clear: كلاهما"

يؤدي تحريك العنصر العائم إلى تحريكه خارج التدفق الطبيعي للمستند، مما يسمح للعناصر الأخرى بالالتفاف حوله. من خلال تطبيق "clear: Both"، فإنك تأمر العنصر الحالي بتجاهل وجود أي عوامات سابقة والتصرف كما لو أنها غير موجودة. تم توضيح هذا السلوك في مثال التعليمات البرمجية التالي:

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