CSS浮動和div塊位置

Question

我有這個問題，然後我嘗試浮動div左， 每塊包含相同的div類（成員）。

如果塊位於右側，塊向上，但左側不起作用。

有什麼想法？

.member { 
    float: left; 
    position: relative; 
    width: 422px; 
    margin: 0px 10px 10px 0px; 
    height: auto; 
} 

image with example

Answer 1

我想你想用不同高度的塊兩列。

那麼你應該一列浮到左，第二向右：

像這樣：

.member { 
    position: relative; 
    width: 422px; 
    margin: 0px 10px 10px 0px; 
    height: auto; 
} 

.fl_left { 
    float: left; 
    clear: left; 
} 

.fl_right { 
    float: right; 
    clear: right; 
} 

HTML：

<div id="left"> 
    <div class="fl_left"> 
     <div class="member"></div> 
     <div class="member"></div> 
    </div> 
    <div class="fl_right"> 
     <div class="member"></div> 
     <div class="member"></div> 
    </div> 
</div>