2012-08-13 2 views
2

외부 div와 3 개의 inner div가 있습니다. 각 div는 별도로 표시되며 각 div를 볼 때 외부 div의 높이를 적절하게 늘리거나 줄이기를 원합니다. 내가 확장 각 사업부 내부 테이블를 원하는외부 div를 만드는 방법 또는 내부 div의 크기를 shink하십시오

는 동적으로 그들이 모두 같은 크기되지 않습니다 의미, 난, 내부 된 div의 크기에 맞게 사전에 감사를 외부 DIV 싶습니다

HTML

<div id="scroll-view"> 
    <div id="scroll-items"> 
     <div class="view"></div> 
     <div class="view"></div> 
     <div class="view"></div> 
    </div> 
</div> 
<button id="previous">Previous</button> 
<button id="next">Next</button> 

CSS

.view { width: 300px; height: 300px; float:left; } 
#scroll-view { 
    width: 300px; 
    height: 50px; 

    overflow:hidden; 
    position:relative; 
} 

#scroll-items { width: 10000px; max-height: auto; overflow:auto; position: absolute ; } 
+0

부모의 크기에 따라 비율을 늘리거나 줄이는 것이 좋습니다. –

+0

무엇을 시도 했습니까? 너 뭐 찾았 니? 질문에 대한 답변을 매우 철저하게 조사하지 않은 것으로 보입니다. – Polyov

+0

나는 overflow를 사용하여 피곤했다 : 자동 및 최소 및 최대 높이 그러나 행운 없음 @SomekidwithHTML – CodersSC

답변

0

나는 거라고 당신이 달성하려고하는 효과를 실제로 이해하지 못한다면, 당신이 질문을 다시 말할 수 있다면 도움이 될 것입니다.

그런 말로하면, 이것은 당신이 원하는 것과 가깝습니까? http://jsfiddle.net/72deF/

+0

일종의 예가 있지만 내 일은 바깥 쪽 div 'scroll-view'는 높이가 고정 된 것처럼 고정 된 높이와 같습니다. 따라서 자이 트가 증가하고 축소되기를 원합니다. @Josh – CodersSC

+0

코드를 살펴보면 # 스크롤 뷰에 정의 된 높이가 없으면 그에 따라 조정됩니다. http://jsfiddle.net/72deF/1/을 참조하십시오. 각각의 .view에는 다른 높이가 있고 # scroll-view는 가장 큰 것을 보유하기 위해 확장됩니다. – Josh

+0

이 답변으로 도움을 받으시면 동의 해주십시오. 비슷한 문제를 가진 다른 사람들도이 솔루션이 작동한다는 것을 알고 계십시오. – Josh

관련 문제