CSS - div定位问题

Question

我有一个包装.在那个包装里面我有3个div.我希望#contentOne站在#contentTwo上面,contentThree站在这两者的右侧.我相信有人可以提供帮助.提前感谢您的回复.干杯.渣.(这个定位的东西杀了我....)

http://jsfiddle.net/Qmrpu/

我的HTML:

<div id="wrapper">
    <div id="contentOne" class="content">contentOne</div>
    <div id="contentTwo" class="content">contentTwo</div>
    <div id="contentThree" class="content">contentThree</div>
</div>

我的CSS:

#wrapper{
    width:430px;
    float:left;
    height:auto;
    border:2px solid blue;}

.content{
    border:1px solid black;
    background-color:yellow;
    width:200px;
    height:100px;}

#contentThree{
    height:130px;}

Answer 1

你能把它们放在浮动的包装纸上吗？

<div id="wrapper">
    <div id="column1" class="column">
        <div id="contentOne" class="content">contentOne</div>
        <div id="contentTwo" class="content">contentTwo</div>
    </div>
    <div id="column2" class="column">
        <div id="contentThree" class="content">contentThree</div>
    </div>
</div>

CSS:

.column {
   float: left;
}

http://jsfiddle.net/xbcxs/