윈도우가 작을 때 플로팅 DIV가 겹치도록 허용

Question

컨테이너 DIV의 너비가 모든 DIV의 너비보다 작 으면 왼쪽 플로팅 DIV 행을 겹쳐서 만들려고합니다.

이 내가 함께 일하고 있어요 무엇 :

http://shifuimam.com/moop/w/skins/moop/test.php

현재 창 크기가 변경되면 div의 다음 행 아래로 이동합니다. 오버플로 속성을 변경할 수 있지만 컨테이너 DIV가 스크롤됩니다. 내가 원하는 것은 크기에 관계없이 DIV가 서로 겹쳐 윈도우의 너비를 제한하는 것입니다.

이것도 가능합니까? 최소 너비 및 최대 너비으로 시도했지만 작동하지 않았습니다.

Answer 1

사용중인 .toontab 클래스의 비율을 사용하십시오. 그러나 당신은 장거리 지원을위한 미디어 쿼리를 사용할 필요가

.toontab { 
    position: relative; 
    width: 8%; 
    height: 3.5em; 
    float: left; 
    margin-right: 1.5em; 
    font-size: 11pt; 
    border-radius: 5px; 
}