مراجعة الخصائص الأساسية

التعامل مع Overflow Auto و Scroll

• عند تحديد ارتفاع معين للحاوية الداخلية وعندما يكون ارتفاع المحتوى أكبر من الحاوية مع خاصية overflow: scroll، يصبح المحتوى قابلًا للتمرير رأسيًا.


• عند تحديد عرض معين للحاوية الداخلية وعندما يكون عرض المحتوى أكبر من الحاوية مع خاصية overflow-x: scroll، يصبح المحتوى قابلًا للتمرير أفقيًا.

أمثلة عملية

.parent {

  max-height: 100px;

  overflow-y: scroll;

}



.child {

  height: 400px;

}

    

فوائد تعلم هذا الدرس

• تحكم دقيق في تصميم العناصر داخل صفحات الويب.


• إنشاء تصميمات متجاوبة وديناميكية.


• تحسين تجربة المستخدم عبر التحكم في التمرير.