CSS的浮动和div块定位

Question

我尝试将div左浮动，但是出现了问题，每个块都包含相同的div类（member）。

如果在右侧，则块会向上移动，但在左侧不起作用。

有什么想法吗？

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

带有例子的图片

- Eddie

---

请发布您的HTML代码。这取决于这些块的顺序。 - Míla Mrvík

mg-web.co.uk/hosting/bugs/html_css/team.htm - 我越来越困惑了，可能存在问题？ - Eddie

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>

- Míla Mrvík

---

• 是的，但在这种情况下，左侧的块不会上移，我不需要div之间的间距。

- Eddie