css - ヘッダー サイドバーとコンテンツを備えた管理パネル コーデック

Question

こんにちは、新しい cms の管理パネルをコーデックする必要があります。

3 つの主要な div があります。

headerこれは固定されていません。

sidebarそれは画面の右側にあります

contentサイドバーの右側にあります

問題を説明する画像は次のとおりです。

http://i.stack.imgur.com/gLKN7.png

どうすればいいですか？

私はちょっと迷っています

さて、私はこのようなことをしようとしました:

#main { height: 100%; } 
#header { width: 100%; height: 43px; position:absolute; z-index: 2; } 
#layer2 { position: absolute; z-index: 1; width: 100%; float: right; margin-top: 43px; } 
#content { margin-right: 224px; } 
#sidebar { float: right; width: 224px; min-height: 100%; margin-right: -100%; } 

およびhtml：

<div id="main">
    <div id="header>HEADER</div>
    <div id="layer2">
        <div id="content">
            content
        </div>
        <div id="sidebar">
            sidebar
        </div>
     </div>
</div>