2012-07-01 3 views
0

다른 div의 왼쪽에 여러 div가 떠있었습니다. 이제는 div보다 div가 더 넓어지면 원하는대로 가로 스크롤 막대를 만드는 대신 다음 줄로 이동합니다. 내 div에 대한 내 CSS :떠 다니는 div가 다른 div 내의 스크롤바를 만들도록 만드시겠습니까?

외부 사업부 :

display:block; 
border-width:1px; 
border-style:solid; 
border-color:black; 
margin-left:auto; 
margin-right:auto; 
height:20px; 
width:200px; 
overflow:auto; 

내부 div의 :

min-width:16px; //contains text, so it gets wider usually 
float:left; 
padding-left:2px; 
padding-right:2px; 
+1

'overflow-x : scroll'을 사용해 보셨나요? –

답변

1

추가 오버 플로우-X 다음 outerdiv으로 스크롤합니다. 참고 : IE8 이하에서는 overflow-x 속성이 제대로 작동하지 않습니다. 따라서 IE8 이전 버전에서 작동해야하는 경우 자바 스크립트 솔루션이 필요할 것입니다.

+0

시도해 보니 스크롤바가 생겼다.하지만 내 div는 계속해서 다음 줄로 갔다. – Wingblade

+0

다른 div를 'outer'div 안에 넣고 더 작은 div를 감싸고 자바 스크립트를 사용하여 내부 div의 총 너비를 계산 한 다음 새 div에서 그 너비를 설정할 수 있습니다. –

관련 문제