إجبار جميع عناصر div العائمة لتتناسب مع ارتفاع الحاويات الخاصة
سؤال
وأنا أحاول أن يجدوا طريقة لجعل ثلاثة عناصر div العائمة تطابق ارتفاع أكبر شعبة تعويم الثلاثة (التي عبر الحل clearfix، هو ارتفاع الحاويات الخاصة بهم).
وسؤالي هو بالضبط مثل <وأ href = "https://stackoverflow.com/questions/526294/how-might-i-force-a-floating-div-to-match-the-height-of-another -floating-شعبة / 526316 "عنوان =" هذا "> هذا السؤال ، فقط سؤالي يحتاج شرط أن التعليقات إلى الإجابة نغفل :) (" ماذا لو الأعمدة لهما خلفية مختلفة الألوان؟ "الخ)
وهكذا حقا لا أستطيع أنها وهمية. تستخدم هذه الصفحة على السحب والإسقاط آلية مماثلة إلى iGoogle باستخدام scriptaculous، وحاويات للفرز dragdrop هي عناصر div العائمة. من شأنه أن يجعل الأمور أسهل كثيرا للمستخدم ما اذا كان يمكنني اجبار جميع الحاويات لتكون نفس الارتفاع.
وكلما كنت أبحث عن حلول، وأكثر يبدو أنه لا يمكن القيام به مع CSS النقي. إذا كان هذا هو الحال، وأنا بحاجة إلى استخدام بعض جافا سكريبت، فلا مانع من ذلك.
وشكرا مقدما.
وتحرير: كان صلة من idrumgood حلا، ولكن ليس الحل انتهى بي الأمر باستخدام. انتهى بي الأمر ترقية وظيفة مسج اقترح أن النموذج الأولي من أجل تجنب الصراعات وتجنب الحاجة إلى تحميل مكتبة مسج كامل من أجل وظيفة واحدة.
وهذا هو المنفذ وظيفة جافا سكريبت أن انتهى بي الأمر باستخدام:
function equalHeights(container) {
var children = $A(container.immediateDescendants());
var currentTallest = 0;
for (i = 0; i < children.length; i++) {
if (children[i].getHeight() > currentTallest) {
currentTallest = children[i].getHeight();
} //end if
} //end for
for (i = 0; i < children.length; i++) {
children[i].setStyle({ height: (currentTallest + 'px') });
} //end for
} //end equalHeights
المحلول
إذا كنت موافق مع جافا سكريبت / مسج، هنا الحل أود أن استخدام .