css - 定位一个DIV的正确方法？

Question

我正在玩 DIV，想知道实现某些目标的最佳方法。

我想得到以下结果:

                   ------------------------------|
                   |           DIV 1             |
                   ------------------------------|
                      | DIV 2 |          | DIV 3||
                      ---------          --------|
                                                 |  << Far right of web page

基本上希望 DIV 1 出现在页面的右侧。
在它下面希望一些小图像出现在 DIV 1 底部的某些位置(即使如此接近也可能必须稍微落后于 DIV 1)

我遇到的问题是:
1.图像出现在DIV 1之后的同一行
2. 可以将 DIV 2 放在正确的位置，但 DIV 3 然后出现在 DIV 2 的下方，不在同一行上

实现此目标的最佳方法是什么？

Answer 1

http://jsfiddle.net/A5tP2/不确定这是否是您要找的东西，但没有任何代码，我无法真正帮助您了解您所拥有的。但是，是的。

HTML

<div id="wrapper">
    <div id="oneWrap">
        <div id="one">
        </div>
    </div>
    <div class="image">
           image
    </div>
   <div class="image">
           image
    </div>
</div>

CSS

#wrapper{
    width: 500px;
    height: 500px;
    background: blue;
}
#oneWrap{
    width: 500px;
    height: 100px;
}
#one{
    width: 300px;
    height: 100px;
    background: orange;
    float: right;
}
.image{
    margin-top: 20px;
    margin-left: 50px;
    width: 100px;
    height: 100px;
    background: purple;
    float: right;    
    color: white;
}