在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一个后裔。

我显示的第二个选项（没有空格）意味着该元素有两个类，只适用于该实例。