2012-07-30 1 views
0

나는 메인 div "콘텐츠"를 가지고 있습니다. 그것은 다른 div "프로젝트 목록"이며 그 안에는 다른 페이지에 링크하기 위해 이미지 스프라이트로 사용하는 몇 개의 축소판 크기 div가 있습니다. 그러나 "content"div는 엄지 손톱 div를 많이 추가 할 때 높이를 높이고 싶어하지 않는 것 같습니다. 첫 번째 커플 썸네일 위에 마우스를 올려 경우 http://willryan.us/test/content/design.htmldiv에 포함 된 다른 div를 수용하도록 div의 높이를 변경하는 방법은 무엇입니까?

, 당신은 파란색 오버레이 (몇 호버이 지금까지 볼 수 있습니다 : 당신은 내가 함께 일하고 있어요 무엇을 볼 수 있도록 여기

테스트 페이지입니다 그리고 그것은 단지 중복입니다). 이미지 스프라이트를 통해 모든 미리보기 이미지를 가져 오려고합니다. 그래서 나는 각 이미지를 div로 감싸서 그렇게했다.

하지만 "content"div는 축소판 네 줄에 도달하면 커지지 않습니다. 사진 페이지로 이동하면 콘텐츠 div가 제대로 작동하는 것을 볼 수 있습니다 (더 많은 이미지가있을 때 키가 커짐).

사진 페이지의 축소판에 div를 사용하지 않아 문제가 디자인 페이지의 작은 div에 있다고 가정합니다.

어떻게 해결할 수 있습니까?

답변

2

오버플로를 설정하십시오 : #content에 자동으로 표시되므로이를 정렬해야합니다.

+1

1 : 숨겨진를,'하지만 같은를 해결합니다. – iambriansreed

+0

오, 나는 바보 같은 느낌이 든다. 고마워. 둘 다 그 코드를 고쳐 쓴다. 그러나 이제 축소판이 콘텐츠 div의 하단에 맞 닿아 있습니다. 프로젝트 목록 div (모든 미리보기 이미지가 들어있는 div)에 여백이 있습니다. 그러나 아무 것도하지 않는 것 같습니다. –

1

div 끝에있는 단락의 스타일을 지울 수 있습니다. 또는 당신은 사업부의 끝에를 추가하는 명확한 설정 스타일 시트의 수 {명확 : 모두;} 나는`오버 플로우 선호

http://jsfiddle.net/rsoneill21/4YuhU/1/

관련 문제