html - 次の DIV に拡張する DIV

Question

サイトのメニューの下に 2 つの div があります: content と right-content.Right content は画面の右側に固定されているサイドバーで、彼には 200px のコンテンツがあります。画面の左側に移動し、右側のコンテンツに到達したら停止します。何か提案はありますか?

DIV の HTML コード:

<div id="content">
</div>
<div id="rightcontent">
bla vlaaa
</div>

CSS コード:

#content {
float:left;
position:absolute;
background-color:#ffffff;
height:500px;
}

#rightcontent {
margin-top:5px;
border:1px solid;
border-color:#ffffff;
border-radius:5px;
float:right;
position:relative;
background-color:#D4D3D0;
width:300px;
height:500px;
}