CSS 浮动和 div 块位置

Question

我遇到这个问题然后我尝试将 div 向左浮动， 每个块包含相同的 div 类（成员）。

如果位于右侧，则块会上升，但在左侧则不起作用。

有什么想法吗？

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

带有示例的图像

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>