當窗口較小時，允許浮動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; 
}