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

解决了。我将固定包装用于具有主容器边距和宽度的面板。