왼쪽 여백이있는 유체 고정 블록

고정 된 블록을 페이지에 놓아야합니다. 하지만 그것은 유체 컨테이너의 크기 (자동 왼쪽 - 오른쪽 여백 있음) 및 왼쪽 여백 컨테이너 안에 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/ 실제 프로젝트에 더 가깝게하기 위해 몇 가지 사항을 변경했습니다. 고정 패널은 컨테이너의 너비에서 왼쪽 여백을 뺀 값이되어야합니다. –

해결되었습니다. 메인 컨테이너의 여백과 너비가있는 패널의 고정 래퍼를 사용했습니다.

출처

2013-01-23 09:16:30

왼쪽 여백이있는 유체 고정 블록

답변

관련 문제