html - 使用CSS float 在div上

Question

我有这个简单的网站

<div style=" position: relative; margin-right: 40px;">
    <div style="float: left; width: 200px; position: relative;">Left Stuff</div>
    <div style="float: left; width: 100px; position: relative;">Middle Stuff</div>
    <div style="float: right; width: 200px; position: relative; margin-right: 40px;">Right Stuff</div>
    <br style="clear: left;" />
</div>

而且我希望在调整窗口大小时，“正确的东西”浮在“中间的东西”之上，而不是在中间的东西下面。

当前调整大小:

Left Stuff              Middle Stuff
                               Right Stuff

我要:

Left Stuff              Middle SRight Stuff

我怎样才能得到这种“效果”？

Answer 1

把右边的div改成

<div style="position:absolute; right:0; width: 200px; margin-right: 40px;">Right Stuff</div>

DEMO