CSS عرض مشكلة الوالد الأطفال

Question

لدي div c داخل div b داخل div a

Div A يحتوي على عرض إلى 700px، وحف C لديه عرض عرض إلى 100PX. Div B ليس لديه مجموعة العرض.

مشكلتي هي أن Div B تمديد عرضه إلى 100٪ (للتوافق عرض Div A). هل هناك طريقة للحف ب، أي عرضه يتوافق مع الأطفال Dives؟ أريد أن يتم لفها حول DIV C، وأي حمس آخر أضعه بالقرب من DIV C.

Answer 1

يبدو وكأنه ما تريده هو تعويم غير موجود: سمة المركز. يفحص هذه المقالة للحصول على الحل البديل.

Answer 2

يمكنك استخدام التعليمات البرمجية التالية لتحقيق النتيجة:

#b {
  margin:0px auto;
  overflow:hidden;
  display:table;
}

هذا يجب أن يعطي النتيجة المرجوة.

Answer 3

اجعل العنصر B Dive عائم لجعله يعدله مع أطفاله.

<div id="B" style="float:left;">