2012-03-28 2 views
0

남은 공간의 100 %를 차지하는 스크롤 가능한 왼쪽 열을 생성하려고합니다. 페이지 상단으로부터의 거리를 뺍니다. 현재 잘 작동하지만 몇 가지 문제가 있습니다.스크롤 가능한 왼쪽 열 100 % 남은 화면 높이, 스크롤 문제

http://jsfiddle.net/sUqtD/4/

: 나는 바닥 글의 높이를 빼면

http://jsfiddle.net/sUqtD/5/

: 내가 처음에 그것을 만들 때 나는 계정에 바닥 글 높이를 고려되지 않았기 때문에, 나는 무한 스크롤 문제에 달렸다

어느 정도까지 작동하지만 브라우저 높이의 크기를 조정하고 오른쪽 열 높이가 바닥 글을 내리면 왼쪽 열 높이에 여전히 바닥 글 높이가 고려됩니다.

내 질문에 어떻게 모든 조건에서 100 % 남은 높이를 차지하도록 왼쪽 열을 얻을 수 있습니까? 그런

+0

'posi 절대 또는 위치 : 고정? –

답변

0

시도 뭔가 : http://jsfiddle.net/mXjLE/1/

그것의 완벽한 코드가 아닙니다, 그러나 (I 물건을) 작동합니다.

+0

참고 : 왼쪽 열을 바닥 글이나 머리글 여백에 100 % 높이려면 postion을 사용해야합니다. 왼쪽 열과 다른 solutin에는 절대 (또는 고정)을 사용해야합니다. – kubedan

+0

감사합니다. 왼쪽 열에 절대 위치 지정을 사용하여 결국 문제를 해결할 수있었습니다. 귀하의 의견은 제 머리에 그 문제를 일으켰습니다. 감사! –

0

약간의 사소한 오류가있었습니다. 바닥 글을 뺀 위치에서 작성한 예제는 닫았지만 CSS를 구성해야 할 필요가 있습니다.

내가 만든 코드를 살펴보십시오. 작업을 수행하고 바닥 글을 고려하더라도 (그것은 단지 코드의 작은 재 작성입니다.) ... 변경

는 희망이 도움이 http://jsfiddle.net/sUqtD/20/

편집 창 크기가 왼쪽 열보다 작은 오류가 있습니다 -하지만 난 ' 이 문제를 즉시 해결할 것입니다 :)