2012-12-11 4 views
0

게임에 타일 기반 맵을 표시하려고합니다. 내 현재 접근 방식은 고정 된 크기의 div를 가지고 그 절대 div에있는 div를 그 outer div에 배치하는 것입니다. 주어진 좌표에서지도 상에 무언가가 있다면, 그 위치에서 div에 대한 배경 그림을 설정합니다. (http://dungeonpilot.com 참조)오버플로 타일 기반 레이아웃

이제 외부 div가 고정 크기가되는 것을 원하지 않습니다. 내부 div가 전체 브라우저 공간을 사용하기를 바랍니다. 나는 너비와 높이를 100 %로 설정하여 이것을 달성 할 수 있다고 생각한다. 그러나 브라우저 창을 작게 만들었으므로 내부 타일 중 일부가 더 이상 보이지 않도록 스크롤 막대를보고 싶습니다. 그러나 어쨌든, 바깥 쪽 div 또는 문서 본문에 자동으로 설정 오버플로도 트릭을 수행하지 않습니다.

여기서 의도 한 동작을 얻으려면 오버플로 속성을 설정해야합니까?

답변

1

해결책을 찾았습니다! #masters_view 및 #party_view div에

overflow: scroll;
을 적용하십시오. 작동 여부를 알려주십시오.

+0

불행히도 이것은 나를 위해 작동하지 않습니다; Safari 나 Firefox에서는 그렇지 않습니다. 그러나 이것은 내가 처음에 시도한 것입니다. URL은 단지 예일 뿐이며, 두 개의 던전 예제 모두 고정 된 크기의 div가 있습니다. 현재 디자인하고 싶은 던전보기는 점점 더 많은 지하 감옥이 공개 될 때 그 크기가 커지는 것입니다. 공개 된 지하 감옥이 포함 된 브라우저 창을 초과하는 경우 "네이티브"스크롤 막대를 갖고 싶습니다. –

+0

실시간 미리보기를 보낼 수 있습니까? 아마 codepen.io? 던전 요소에 최소 너비를 시도해 볼 수는 있지만 사용 된 코딩을 이해하지 못했습니다 ... – aNewStart847

+0

최소 예제를 사용 중입니다 ... –

관련 문제