Ich versuche ein 2 - Säulendesign zu erstellen (mitTwitter Bootstrap) mit 2 gleich hohen Säulen.

Nehmen wir folgendes Beispiel:

<div class="row-fluid">
    <div class="span2">
        <ul>
            <li>Item 1</li>
            <li>Item 2</li>
            <li>Item 3</li>
            <li>Item 4</li>
        </ul>
    </div>

    <div class="span10">
        test
    </div>
</div>

Weil.span2 ist die höchste der beiden Spalten, die es macht.row-fluid strecken, um seine Höhe aufzunehmen. Nach dem LesenDieser BeitragIch habe diese Einstellung erwartetmin-height: 100% auf.span10 würde es auf die volle Höhe strecken, aber es tut nicht:

http://jsfiddle.net/WTNeB/1/

Warum das? Jede Lösung zu machen.span10 auf die übergeordnete Höhe strecken, ohne eine feste Höhe festzulegen, um dieses Design flexibel zu halten?