带左边距的流体固定块

我需要将固定块放在页面上。但它应该是流体容器的大小（它具有自动的左右边距）并且在容器内保留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提前。

来源

2013-01-22 only_dimon

使用jsfiddle来显示你的问题。 –

http://jsfiddle.net/only_dimon/5WcgC/18/ 做了一些更改，以便更接近实际项目。固定面板应该是100％容器宽度减去左边距 –

已解决。我用主容器的边距和宽度作为面板的固定包装。

来源

2013-01-23 09:16:30

带左边距的流体固定块

回答

相关问题