Wie man die gleiche Höhe von divs einstellt

Question

May 29, 2012, 01:33 PM

Wie man die gleiche Höhe von divs einstellt

Das ist meine Situation

HTML

<div id="content">
    <div id="item1">
        <div class="empty">&nbsp;</div>
        <div class="empty">&nbsp;</div>
        <div class="empty">&nbsp;</div>
    </div>
    <div id="item2">
        <div class="empty">&nbsp;</div>
    </div>
</div>

CSS

.empty
{
    width: 100px;
    height: 100px;
    background-color: red;
}

#item1
{
    float: left;
    padding: 10px;
    background-color: green;
}

#item2
{
    float: left;
    padding: 10px;
    background-color: blue;
}

#content
{
    padding: 10px;
    background-color: pink;
    overflow: hidden;
}

Das sieht so aushttp://jsfiddle.net/59qEt/3/

Meine Frage ist also: Wie muss ich meine Styles auf # item2 setzen, hat die gleiche Höhe wie # item1?

Jede Hilfe wäre dankbar.