2012-08-13 4 views
0

영구적 인 탐색 헤더가있는 스크롤 가능한 목록을 만들려고합니다. 그러나 목록의 맨 아래로 스크롤하면 머리글에 의해 목록이 아래로 눌려 지므로 마지막 몇 개의 항목이 표시되지 않습니다. 100 % :오버플로 : 영구 헤더가있는 자동

http://jsfiddle.net/U34vq/12/

문제는 높이 : 나는 문제를 보여주기 위해 jsfiddle을 만들었습니다. 이 문제를 어떻게 해결할 수 있습니까? I CSS3 calc()를 사용하여 높이를 지정할 수 있습니다. calc (100 % - 3em); 그러나 calc()를 지원하지 않는 브라우저를 대상으로합니다.

내 질문에, 내가 중첩 된 요소를 2 개 가질 수 있고, 하나는 높이로 측정하고 다른 하나는 %로 계산하여 그 작업을 할 수있는 것처럼 보일 수 있습니다.

+0

확실하지 확인을 작동하는 것 같다하지만 가까이 : HTTP : // jsfiddle .net/U34vq/13/ –

+0

또는 아마도 이것 http://jsfiddle.net/U34vq/14/ –

+0

@AntonBoritskiy CSS 솔루션을 찾고, 감사합니다. – Matthew

답변

1

이 솔루션을 확인하십시오. 나는이 항목에 position: absolute;을 추가뿐만 아니라 bottomtop 매개 변수를 설정 한 나는 완전히 당신이 계신 이해하는 경우

http://jsfiddle.net/skip405/U34vq/15/

+0

와우! 이것은 실제로 완벽하게 작동하는 것으로 보이는데, 나는 정확하게 볼 것을 기대하지 않았습니다. 고맙습니다! – Matthew

관련 문제