塌陷通常发生在以下情况中：
1. 输入嵌套样式表时，当嵌套样式表的语法超出了浏览器的支持范围，或者嵌套样式表的优先级超过了当前正在执行的样式表时，浏览器会执行错误的样式，从而导致页面呈现样式错误。
2. 输入特殊字符时，如果输入的字符超出了浏览器的支持范围，或者特殊字符的优先级超过了当前正在执行的样式表时，浏览器会执行错误的样式，从而导致页面呈现样式错误。
3. 在CSS中，如果使用了属性值的运算符，例如$()、[]等，当这些运算符超出了浏览器的支持范围，或者运算符的优先级超过了当前正在执行的样式表时，浏览器会执行错误的样式，从而导致页面呈现样式错误。
避免塌陷的方法包括：
1. 使用正确的浏览器支持的CSS语法，特别是当使用特殊字符时，应该使用浏览器特定的语法，而不是通用的语法。
2. 检查样式表的优先级，确保所有的样式表语句都按照正确的优先级排列。
3. 使用CSS预处理器，预处理器可以帮助编写规范的CSS代码，避免塌陷的发生。
4. 使用浏览器扩展程序，例如Chrome扩展程序中的样式检查器，可以检查样式表是否正确，并指出潜在的塌陷问题。
CSS塌陷是一个常见的问题，但是在使用正确的语法和优先级可以避免这种情况的发生。通过使用正确的语法和优先级，可以让CSS样式表正确运行，并确保页面呈现样式的正确性。