ال واضح كانت خاصية CSS جزءًا من CSS منذ CSS1. يتيح لك تحديد العناصر التي يمكن أن تطفو بجانب العنصر الممسوح وعلى أي جانب (جوانب). ال واضح الخاصية خمس قيم محتملة:
لا شيءاليسارحقعلى حد سواءيرث
كيفية استخدام خاصية مسح المغلق
الطريقة الأكثر شيوعا لاستخدام واضح الخاصية بعد استخدامك تطفو خاصية على عنصر. فمثلا:
- نص بجانب صورتي.
- النص الموجود أسفل صورتي.
جميع العناصر الافتراضية ل واضحة: لا شيء؛لذلك إذا كنت لا تريد عناصر أخرى أن تطفو بجانب شيء ما ، يجب عليك تغيير واضح قلم المدقة.
عندما تقوم بتطهير العوامات ، فإنك تتطابق بشكل واضح مع عوامة الخاص بك. لذا ، إذا طرحت العنصر إلى اليسار ، فيجب عليك مسحه إلى اليسار. سيستمر العنصر المتحرك في التعويم ، ولكن سيظهر العنصر الذي تم مسحه وكل شيء بعده أسفله في صفحة الويب.
إذا كان لديك عناصر يتم تعويمها إلى اليمين واليسار ، يمكنك مسح جانب واحد فقط أو يمكنك مسحها على حد سواء.
باستخدام واضحة في تخطيطات
الطريقة الأكثر شيوعا يستخدم معظم المصممين واضح الخاصية في تخطيط عناصر الصفحة. قد يكون لديك صورة تطفو داخل كتلة نصية وتريد أن تبدأ الفقرة التالية أسفل الصورة ، أو قد يكون لديك عمود كامل من النص تريد أن تطفو بجانب مجموعة أخرى من النص ، مع ظهور بعض النص أدناه.
هنا هو HTML لتخطيط في هذا النموذج. يحتوي على حاوية div واحدة تحمل آخر التي يتم تعويم إلى اليسار.
هذا سوف يعمل بشكل جيد ، مع div أقصر عائم إلى يسار باقي محتويات div الأساسي. يمكنك مسح النص المجاور للصندوق العائم عن طريق إضافة علامة حيث تريد أن تبدأ الكتابة تحت المربع العائم. لكن المشكلة تأتي عندما يكون المربع العائم أطول من المحتويات المجاورة له. ثم ، كما ترون ، لا يتم ترحيل لون خلفية مربع الرئيسي إلى أسفل مربع floated. لحسن الحظ ، هناك طريقة سهلة لإصلاح هذا: العقار. عن طريق تحديد المربع الرئيسي ل
A div divated قصيرة
محتويات داخل div الحاوية التي ستكون على يمين div divated.تجاوز: السيارات. سيبقى لون الخلفية بجانب المربع الأطول العائم إلى الأسفل ، كما هو موضح في هذا المثال.
