خاصية الارتفاع لا تعمل على عنصر التسمية

عند محاولة ضبط ارتفاع عنصر التسمية على 100٪، قد لا يكون لها التأثير المطلوب. وذلك لأن خاصية الارتفاع غير موجودة بمعزل عن غيرها.

كما يوضح مقتطف التعليمات البرمجية المقدم، فإن قاعدة CSS للتسمية تحدد الارتفاع على 100%. ومع ذلك، فإن سؤال "100٪ من ماذا؟" ينشأ. تشير خاصية الارتفاع إلى النسبة المئوية لارتفاع العنصر الأصلي. في هذه الحالة، يكون العنصر الأصلي لعنصر التسمية هو عنصر الحقل.

إذا لم يكن لعنصر الحقل ارتفاع واضح محدد في CSS الخاص به أو CSS الخاص بالأصل، فسيعتمد المتصفح على التصميم الافتراضي. افتراضيًا، يعتمد ارتفاع عنصر مستوى الكتلة مثل div (المستخدم للحقل في هذه الحالة) على محتواه. قد لا يتوافق هذا الارتفاع الافتراضي مع الارتفاع المقصود بنسبة 100% للتسمية.

لذلك، للتأكد من أن عنصر التسمية يملأ ارتفاع العنصر الأصلي، من الضروري تعيين ارتفاع واضح أو استخدام flexbox أو الشبكات للتحكم في التخطيط والتأكد من تحقيق الارتفاع المطلوب.