在Firefox和IE瀏覽器中溢出CSS問題

Question

我正在爲擁有許多頁面的信息的類工作。 這是類的主要內容：

.class {  
    margin: 1% 0.5%; 
    padding: 10px; 
    border: 1px solid #E3E3E3; 
    box-sizing: border-box; 
    overflow: auto; 
} 

當我嘗試在樣式表類添加類=「類class1」是勾銷overflow屬性，它不會在IE和Firefox的工作。

.class .class1 {  
     margin: 1% 0.5%; 
     padding: 10px; 
     border: 1px solid #E3E3E3; 
     box-sizing: border-box; 
     overflow: auto; 
    } 

在Chrome和Safari中，從級聯中刪除溢出。 在IE和Firefox中，只有.class被選中。

除了重新設計外，任何方法都可能導致溢出？

謝謝。

Answer 1

如果您的HTML是class="class class1"那麼選擇器是錯誤的。

這

.class .class1 { /* with space */  
     margin: 1% 0.5%; 
     padding: 10px; 
     border: 1px solid #E3E3E3; 
     box-sizing: border-box; 
     overflow: auto; 
    } 

應該是這個

.class.class1 { /* no space */ 
     margin: 1% 0.5%; 
     padding: 10px; 
     border: 1px solid #E3E3E3; 
     box-sizing: border-box; 
     overflow: auto; 
    } 

你原來的聲明之間的空間表示class1是的class一個後裔。

我顯示的第二個選項（沒有空格）意味着該元素有兩個類，只適用於該實例。