CSS float和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>