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>