CSS / HTML - 无法将DIV放在右侧

Question

在我们的网站上，我们有一个容器，里面有一个DIV盒，在右侧留下一个空间，所以我们可以添加更多带有图像/文本的盒子。

我和右边的盒子一样近，但是在“主”div下面。

http://jsfiddle.net/Ug5pz/2/

谢谢！

CSS：

#container {
    position: relative;
    width: 600px;
    height: 400px;
    margin: 0 auto 0;
    background: #FFF;
    border-style:solid;
    border-width:2px;
}
#main {
    position:relative;
    width: 450px;
    height: 300px;
    border-style:solid;
    border-width:2px;
}
#sidebox {
    position:relative;
    width:120px;
    height:50px;
    float:right;
    border-style:solid;
    border-width:2px;
}

HTML：

<div id="container">
    <div id="main">Welcome to our website!</div>
    <div id="sidebox">Sidebox</div>
</div>

Answer 1

尝试将float:Left添加到#main CSS

或者您可以按如下方式修改#sidebox CSS：

position:absolute;
right:0px;
top:0px;