CSS float 和 div block 位置

Question

我有这个问题，然后我尝试将 div 向左浮动，每个 block 包含相同的 div 类(成员)。

如果在右手边，方 block 会上升，但在左手边不起作用。

有什么想法吗？

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

image with example

Answer 1

我想您想要两列具有不同高度的 block 。

然后你应该将一列向左浮动，第二列向右浮动:

像这样:

.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>