我需要在页面上放置固定块。但它应该是流体容器的大小(具有自动左右边距)和容器内的左边距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。答案 0 :(得分:0)
解决。我使用固定包装器作为面板,主容器的边距和宽度。