css - 相対位置を使用してブラウザーの右側に何かを配置する

Question

私は使用する必要があります

position: relative

オーバーフローの場合にスクロールバーを表示するためです（固定位置を使用している場合、スクロールバーは明らかに機能しません）。

しかし、relative を使用すると、インライン ブロックがページの中央に表示され、すべての画面サイズで 30px 右に配置できなくなります。これに対する解決策はありますか？

私のコードは今：

#main_wrap 
{
    min-height: 100%;
    background: url(images/content_back.png) repeat-y top left; 
    margin: 0 0 0 240px;
    position: relative;
}

#main
{
    position: relative;
    width: 680px;
    padding: 0 40px 5px 40px;
    font: normal 14px Verdana, Arial, sans-serif;
    line-height: 20px;
    display: inline-block;
    z-index: 2;
}

私がうまくいくもう1つの解決策は、固定位置を使用しているときにスクロールバーを使用できる場合です。

ばかげた質問かもしれませんが、私はこの件に関してそれほど経験がありません:) よろしくお願いします！