ألوان خلفية متعددة ل CSS المتداخلة

Question

على ما يرام. هذا هو الوضع. لقد أنشأت موقع ويب مع شعار أسود في الأعلى مع شعار، ارتفاعه هو 100PX ولون الخلفية هو # 000. التالي أريد أن يشمل DIV "Main_Content" كبيرا لتنقله مع أي محتوى داخل الصفحة، لذلك لن يشمل تذييل الصفحة. في هذه الحالة، هناك العديد من Divs المتداخلة داخل منطقة الصفحة الرئيسية للصفحة وهناك بالفعل لون خلفية محددة لهم. المشكلة هي أنه بمجرد تطبيق لون الخلفية إلى DIV يسمى "Main_content" فقط ينطبق عليه فقط على شريط التنقل ثم يتوقف لأنه يعمل في DIV المتداخن الذي يحتوي بالفعل على لون محدد بالفعل. أنا أتساءل عما إذا كان هناك حكم CSS أنا أفتقد هنا ...

الإصلاح الوحيد الذي وجدته هو أنه يجب علي تحديد ارتفاع DIV الرئيسي، هل هناك طريقة حول هذا؟ لا أريد أن أضطر إلى تحديد ارتفاع لمنطقة المحتوى لأنني أريد ذلك فقط مطابقة ارتفاع المحتوى الذي يملأه.

Answer 1

ما الذي يحدث على الأرجح هو أن divs الأخرى المتداخلة الخاصة بك ترث اللون من وينديك الرئيسي. الشيء الآخر الذي ذكرته هو أنك تريد تطبيق الارتفاع إلى Main_Content وفقا لمحتوياتها التي يمكنك القيام بذلك عن طريق منحها ارتفاعا بنسبة 100٪ على سبيل المثال:

<style>
#main_content{height:100%;}
</style>

Answer 2

أعتقد أنني وجدت ذلك، تجاوز الفائض: مخفي، أنا لست متأكدا مما إذا كان هذا هو الحل المناسب ولكن أفضل ما لدي