流体固定块,左边距

时间:2013-01-22 07:40:02

标签: css css-position fluid-layout

我需要在页面上放置固定块。但它应该是流体容器的大小(具有自动左右边距)和容器内的左边距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。

1 个答案:

答案 0 :(得分:0)

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