css - 左マージン付き流体固定ブロック

Question

ページに固定ブロックを配置する必要があります。ただし、それは流体コンテナーのサイズ (自動左右マージンを持つ) であり、コンテナー内の左マージンは 160px である必要があります。

HTML

<div id="container">
 <div id="header">Some fixed panel</div>
 Some other scrollable markup
</div>

CSS

#container {
 width: 90%;
 max-width: 1280px;
 padding: 0px 20px 20px 20px;
 margin: 0 auto;
 min-width: 940px;
 position: relative;
 z-index: 1;} 
#header { 
 width: 100%;
 height: 60px;
 position: fixed;
 margin-left: 160px;
 top: 0;
 z-index: 60; }

また、正しい幅を取得するために固定パネルを作成できません。どういうわけか、このブロックはコンテナではなくウィンドウから幅を取得します。

JSなしで解決策が必要です。

事前にTnx。

Answer 1

解決しました。メインコンテナの余白と幅のあるパネルには、固定ラッパーを使用しました。