2010-08-12 6 views
0

클릭하면 해당 내용을 표시하도록 확장되는 div를 만들고 싶습니다. 내가 지금까지했던 것은 :오버플로가있는 div 설정에서 숨겨진 콘텐츠의 높이를 얻는 방법 : 숨김?

  • 오버 플로우로 설정 사업부, 만든 사람 : 숨겨진를
  • 만든 "최소"와 "최대"(20 픽셀의 높이와 XYZpx 높이의 DIV의 높이를 바꾸는 JS 기능).

내 div의 콘텐츠 높이를 얻는 방법을 모르겠다는 점을 제외하고는 지금까지 모든 것이 작동하므로 콘텐츠에 정확하게 맞게 크기를 조정할 수 있습니다. 따라서 본질적으로 20px의 "최소화 된"div에서 오버플로 된 콘텐츠를 숨겨 놨습니다. 넘치는 콘텐츠를 표시하기 위해 div를 확장 할 수는 있지만 확장 할 항목은 얼마인지 알 수 없습니다.

어떻게 할 수 있습니까?

미리 감사드립니다.

답변

0

여기 내 문제가 있습니다. 네가하려는 것을 정확히 모르겠다.

http://jsfiddle.net/Mw6Ys/2/

+0

예! 나는 이것을 어떻게 생각할 수 없습니까? 내부 및 외부 div를 사용하면 효과적입니다. 그래서 바깥 쪽 div는 오버 플로우 : hidden 속성을 사용하여 내용을 숨 깁니다.이 div의 높이가 결코 변경되지 않기 때문에 JS를 사용하여 내부 div의 높이를 가져올 수 있습니다. – Form

0

오버플로 숨김 및 높이 CSS를 제거 할 수 없습니까? div는 올바른 높이의 크기를 조정합니다. 정확한 높이를 찾아야하는 경우. 자바 스크립트를 사용하여 overflow:hidden 및 높이를 제거하십시오. 그런 다음 offsetHeight을 측정하고 높이로 설정하십시오. 비록 이것을하고 있다면 DOM에서 요소를 제거한 다음 다시 끝내면됩니다.

관련 문제