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;