كيف أجعل طول العنصر الحاوي يزيد مع زيادة محتواه ؟

السؤال غير واضح، هل يمكنك إرفاق صورة للنتيجة النهائية التي ترغب بتحقيقها؟

بشكل افتراضي خصائص الطول والعرض في CSS هي auto، ولذلك فإن السلوك الطبيعي هو ازدياد الطول والعرض للحاوية عند زيادة محتوى العناصر الأبناء، ولديك في الصف tasks قمت بتحديد الطول 50px، بإزالته أو بوضع القيمة التالية:

.tasks {
height: auto
}

 سيعود للسلوك الطبيعي ولن يتم تحديد الطول بهذه القيمة.

بتاريخ 17 دقائق مضت قال Sam Ahw:

السؤال غير واضح، هل يمكنك إرفاق صورة للنتيجة النهائية التي ترغب بتحقيقها؟

بشكل افتراضي خصائص الطول والعرض في CSS هي auto، ولذلك فإن السلوك الطبيعي هو ازدياد الطول والعرض للحاوية عند زيادة محتوى العناصر الأبناء، ولديك في الصف tasks قمت بتحديد الطول 50px، بإزالته أو بوضع القيمة التالية:

.tasks {
height: auto
}

 سيعود للسلوك الطبيعي ولن يتم تحديد الطول بهذه القيمة.

أقصد عندما كنت أضيف تاسك يبقى العنصر الحاوي كما هو ولا يزيد مع إضافتي لكل تاسك

حاول تطبيق الحل المذكور في التعليق السابق وسيتم امتداد طول العنصر ذو الصف tasks حسب طول العناصر الأبناء (المحتوى بداخله).

بتاريخ 2 دقائق مضت قال Sam Ahw:

حاول تطبيق الحل المذكور في التعليق السابق وسيتم امتداد طول العنصر ذو الصف tasks حسب طول العناصر الأبناء (المحتوى بداخله).

فعلت ذلك وأصبحت تضاف فعلا .

لكن أنا أريد أن يظهر العنصر قبل أن أضيف له أي أبناء, لكن بعد ان أضفت التحديد الافتراضي للطول أصبح يظهر إلا بعدما أضيف له إبن 

بتاريخ 8 دقائق مضت قال Mohamed Lamin Mahmoudi:

فعلت ذلك وأصبحت تضاف فعلا .

لكن أنا أريد أن يظهر العنصر قبل أن أضيف له أي أبناء, لكن بعد ان أضفت التحديد الافتراضي للطول أصبح يظهر إلا بعدما أضيف له إبن 

يمكنك استخدام الخاصية التالية لإضافة حد أدنى لطول العنصر:

min-height: 50px