التعويم الواضح هو أمر سيواجهه كل من يصنع الصفحات، لكن هل يمكن للجميع معرفته بوضوح وفهمه بشكل شامل؟ لذلك كتبت مقالًا كهذا بمجرد أن كان لدي بعض وقت الفراغ، لا أستطيع تغطية كل شيء، لكن يمكنني تعليم الجميع ما أعرفه.
دعونا نلقي نظرة تقريبية على عدد الطرق المتاحة لمسح العوامات (لن أكتب عن استخدام Zoom:1 في IE، لكنني سأكتب عنها في الموضوع التالي). العرض التوضيحي المقابل
- استخدم الفئة الزائفة: بعد لمسح طبقة الفئة الزائفة بارتفاع صفر للتحكم الفارغ اللاحق.
- استخدم CSS overflow:auto لدعم الارتفاع
- استخدام تجاوز سعة CSS: مخفي لإنتاج تعديلات غريبة
- استخدم العرض: الجدول لتحويل الكائن إلى نموذج جدول
- استخدم علامة div والسمة الواضحة لـ CSS
- استخدم العلامة br والسمة الواضحة لـ CSS
- استخدم العلامة br وسمة HTML الواضحة الخاصة بها
في لمحة تقريبية، يمكن لكل منهما حل المشكلة، ولكن لديهم إيجابيات وسلبيات خاصة بهم. (مراسلة فردية)
- إن دلالات بنية الميزة صحيحة تمامًا ولن تنشأ أي مشاكل غريبة أخرى.
العيوب يمكن أن تؤدي طرق إعادة الاستخدام غير الصحيحة بسهولة إلى زيادة حادة في حجم التعليمات البرمجية.
يوصى باستخدامه عندما تكون الطبقة الخارجية عائمة قليلاً، أو للأشخاص الذين يفهمون طريقة إعادة الاستخدام المعيارية. - المزايا : دلالات البنية صحيحة تمامًا وكمية التعليمات البرمجية صغيرة جدًا.
العيوب : بعد عمليات التداخل المتعددة، سيؤدي النقر فوق المربع العائم للضوء الخارجي إلى تحديد كل المحتوى من الطبقة الخارجية إلى الطبقة الداخلية (FF)؛ أو عندما يؤدي تمرير الماوس إلى تغيير العرض، سيكون للوحدة الخارجية تمرير شريط (أي).
يوصى باستخدام الوحدة داخل وحدة واحدة، ولا تقم بتداخلها. - المزايا : دلالات البنية صحيحة تمامًا وكمية التعليمات البرمجية صغيرة جدًا.
العيوب: عندما يزيد المحتوى، يكون من السهل التفاف الأسطر تلقائيًا وإخفاء المحتوى.
يوصى باستخدامه عندما يكون العرض ثابتًا ولا يتداخل. - المزايا : دلالات البنية صحيحة تمامًا وكمية التعليمات البرمجية صغيرة جدًا.
لقد تغيرت خصائص نموذج صندوق العيوب ، ومن المتصور أن هناك أحداثًا أكثر غرابة مما يمكنك عده.
يوصى بأنه إذا كنت لا ترغب في إصلاح الخلل وقتلك، فمن الأفضل عدم استخدامه، ومع ذلك، يمكن استخدامه كخدعة مؤقتة في إصدار ألفا للاختبار. - المزايا: كمية التعليمات البرمجية صغيرة جدًا وقابلية إعادة الاستخدام عالية للغاية.
العيب هو أنه لا يمكن أن يتكيف تمامًا مع الدلالات ولا يفضي إلى المراجعات والتغييرات المطلوبة.
يوصى به للمبتدئين، فهو يسمح لك بحل المشكلات العائمة بسرعة. - المزايا: درجة الدلالات أفضل من الحالة الخامسة، وكمية التعليمات البرمجية صغيرة جدًا وقابلية إعادة الاستخدام عالية للغاية.
العيوب: لا تزال الدلالات غير مثالية، وهو ما لا يفضي إلى المراجعات والتغييرات المطلوبة.
يوصى به للمبتدئين، فهو يسمح لك بحل المشكلات العائمة بسرعة. - المزايا: درجة الدلالات أفضل من الحالتين 5 و6؛ كمية التعليمات البرمجية ضئيلة وقابلية إعادة الاستخدام عالية للغاية.
العيوب: لا تزال الدلالات غير مثالية، وهو ما لا يفضي إلى المراجعات والتغييرات المطلوبة.
يوصى بتوجيه المبتدئين لاستخدامه عند ترقية تفكيرهم، حتى يفهموا أنه بدلاً من استخدام اسم الفئة للتحكم في الأداء، من الأفضل العودة إلى عصر صفحات الويب WEB1.0 واستخدام سمات html مباشرة للتحكم في الأداء بعد كل شيء، هذا الأخير لديه رمز أقل.
وأخيرا، القائمة كاملة. ومع ذلك، أعتقد أنه من الضروري أن أعتذر للجميع عن المقال الذي أعيد طباعته عن Ghost؛ ويؤسفني كثيرًا أنني غيرت عنوان Ghost من "الأسهل" إلى "الأمثل"، الأمر الذي أدى لاحقًا إلى تضليل العديد من الطلاب. لذلك قمت بإعادة كتابة مقال لمشاركته معك.
النص الأصلي: http://webteam.tencent.com/?p=1122
