كيف نفعل هذا:عنصر الأم السوائل العرض, مع عرض ثابت وعنصر الطفل السوائل العرض?

Question

قبل أن أشرح ، ضع في اعتبارك ما يلي...

مثال على كود هتمل:

<div id="Body">
    <div id="Content">...</div>
    <div id="Panel">...</div
</div>

رمز المغلق:

#Body {
    min-width: 865px;
    width: 93%;
    max-width: 1785px;
}

#Panel {
    width: 250px;
    float: right;
}

#Content {
    float: left;
    min-width: 595px;
    width: /* This one needs to be fluid. So, what should I do? */;
    max-width: 1510px;
}

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

كيف يجب أن تحدد عرض' المحتوى ' شعبة?أي أفكار هي موضع ترحيب.شكرا.

Answer 1

ضع ال #Panel ديف أولا ، ومن ثم ببساطة استخدام هذا ل #Content:

#Content {
    margin-right: 250px;
}

جسفيدل التجريبي

---

فيما يلي بعض الإرشادات البسيطة لجعل هذا العمل على موقعك.لقد استخدمت أدوات مطور كروم للقيام بذلك وهي تعمل بشكل جيد.

• #Body @ ستايل.المغلق
  • overflow: hidden;
• #Content @ مخصص.المغلق
  • min-width: 595px;
  • width: 68%;
  • max-width: 1510px;
  • margin-right: 270px;
• #Content @ ستايل.المغلق
  • width: 680px;
  • float: left;

Answer 2

إصلاح هذه المشكلة هو:

giveacodicetagpre.

عملت بشكل جيد بالنسبة لي.