div 안에 여러개의 div를 넣어서 가로 스크롤을 만들고 싶은데, 세로 스크롤만 생기네요 ;
찾아보니 div 안에 테이블을 넣고 td 를 늘려주니 가로스크롤이 생기기는 한데, 테이블 말고 div 갯수를 늘이는 것으로는 가로 스크롤을 만들지 못하는가요 ?
<-div style="overflow-x: auto; width:500px; height:50px; "> <-div class="q" id="q1" style="width:50px; height:50px; float:left; ">q12313123123123123131</div> <-div class="q" id="q1" style="width:50px; height:50px; float:left;">q12313123123123123131</div> <-div class="q" id="q1" style="width:50px; height:50px;float:left; ">q12313123123123123131</div> <-div class="q" id="q1" style="width:50px; height:50px; float:left;">q12313123123123123131</div> <-div class="q" id="q1" style="width:50px; height:50px; float:left;">q12313123123123123131</div> <-div class="q" id="q1" style="width:50px; height:50px; float:left;">q12313123123123123131</div> <-div class="q" id="q1" style="width:50px; height:50px; float:left;">q12313123123123123131</div> <-div class="q" id="q1" style="width:50px; height:50px; float:left;">q12313123123123123131</div> <-div class="q" id="q1" style="width:50px; height:50px; float:left;">q12313123123123123131</div> <-div class="q" id="q1" style="width:50px; height:50px; float:left;">q12313123123123123131</div> <-div class="q" id="q1" style="width:50px; height:50px;float:left; ">q12313123123123123131</div> <-div class="q" id="q1" style="width:50px; height:50px; float:left;">q12313123123123123131</div> <-div class="q" id="q1" style="width:50px; height:50px; float:left;">q12313123123123123131</div> <-div class="q" id="q1" style="width:50px; height:50px; float:left;">q12313123123123123131</div> <-/div>
위 코드에서 순수하게 가로 스크롤만 만들고 싶은데,
방법을 모르겠습니다.
| |
|
등록안내
등록안내
잘되는데요...;
동적으로 div를 계속 추가해주려고 했는데 결국 위에 감싸고 있는 div의 width 값 때문에 아래로 내려오더군요.
그래서 감싸고 있는 div를 하나 더 추가해 주었고, 추가되는 div가 있을 때 마다 감싸는 div의 길이를 동적으로 늘여 주었습니다.
그랬더니 가로 스크롤이 원하는 데로 생기네요. ㅎㅎ
답변 감사합니다.