3 つのフローティング div を 3 つのうち最大のフローティング div の高さと一致させる方法を見つけようとしています (これは、clearfix ソリューションを介してコンテナーの高さです)。
私の質問はこの質問とまったく同じですが、回答へのコメントが見落とされるという要件が必要なのは私の質問だけです:)(「2つの列の背景色が異なる場合はどうなりますか?」など)
だから本当に真似できない。このページは、scriptaculous を使用した iGoogle と同様のドラッグ アンド ドロップ メカニズムを使用しており、ドラッグドロップの並べ替え可能なコンテナーはフローティング div です。すべてのコンテナを強制的に同じ高さにすることができれば、ユーザーにとって物事がずっと簡単になります。
解決策を探せば探すほど、純粋な CSS では解決できないようです。その場合は、javascript を使用する必要があります。
前もって感謝します。
編集: idrumgood からのリンクは解決策でしたが、私が最終的に使用した解決策ではありませんでした。最終的に、競合を回避し、1 つの関数に対して jquery ライブラリ全体をロードする必要を回避するために、彼が提案した jQuery 関数をプロトタイプに移植することになりました。
これは、私が最終的に使用した JavaScript 関数ポートです。
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