2009-07-01 3 views
1

I approximatley이 구조CSS 정지 요소의 부모보다 더 큰 높이를 가지는에서

<div> <div id='1'> </div> <div id='2'> </div> </div>

1의 내용을 div에 때하는 주요 사업부에 맞게 IT와 DIV이 너무 큽니다가되도록 내가 그것을 만들고 싶어 스크롤바가 생기고 부모 div의 아래쪽에서 아무 것도 누르지 않습니다.

CSS에서 어떻게 할 수 있습니까?

EDIT :

상위 DIV (또는 오히려 부모)가 설정된 높이를 갖는다. 이 시점에서 오버플로 설정 : div1에서 스크롤하면 스크롤 막대가있는 쪽 아래쪽으로 이동합니다. div1에 당신의 CSS에서

+0

나는 감명을 받았다. 나는 이론을 테스트하지 않았다.하지만 div # 1 (및 div # 2)에있는 많은 콘텐츠는 부모 div가 확장되도록 조정할 것이다. 그 부모의 명백한 너비? –

+0

Div ID는 숫자로 시작될 수 없으므로 테스트 할 때 솔루션의 유용성과 아무런 관련이없는 버그가 발생할 수 있습니다. –

+0

예, 일러스트레이션에만 사용되었습니다 – AlexH

답변

1

첫째, 당신은 오버 플로우가 필요합니다 이 값에 도달했습니다. 부모 div에 고정 높이 또는 최대 높이가 있으면 아무 문제가 없어야합니다.

편집

확인이 아웃 : http://www.quirksmode.org/css/overflow.html. 그럼에도 불구하고 div1의 높이 값이 필요하다고 (안타깝게도) 보인다. 나는 최대 높이가 또한 할 것이라고 생각했다. 그리고 스크롤바가 필요할 때만 나타나게하려면 overflow : auto가 필요합니다.

0

사용

overflow:scroll 

.

+0

혼란스럽게 생각합니다. 나는 이것을 시도하고 그것은 작동하지 않습니다. 어떻게 든 div 1은 부모로부터 최대 높이를 상속받지 않습니다 – AlexH

+0

neutrino의 의견보기. div 1의 고정 높이를 설정해야 할 수도 있습니다. – Peter

0

당신은 오버 플로우 설정을 사용할 수 있습니다 DIV 1. 스크롤 또한 당신은 어떻게 든 DIV 후 스크롤이 필요합니다 높이의 같은 값을 수정해야합니다 :

#id 
{ 

    overflow: scroll; 

} 
관련 문제