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;