在网页设计中，浏览器兼容性始终是一个棘手的问题，尤其是涉及到不同版本的Internet Explorer（IE）。标题中的“当ie7不认!important之后 [布局的解决办法]”指的是在使用CSS时，IE7浏览器不识别CSS规则末尾的 "!important" 声明，导致样式无法按预期应用，从而影响布局。这个问题主要出现在IE7及更早版本中，因为这些浏览器的解析机制与Firefox、Chrome等现代浏览器存在差异。
"!important" 是CSS中用于提高某个样式规则优先级的标记，确保即使有其他相同选择器覆盖，该规则也会被执行。在大部分现代浏览器中，它被广泛用来解决浏览器之间的样式冲突。但在IE7中，由于其特有的盒模型和解析机制，它可能无法正确处理 "!important"，特别是在涉及到浮动元素、层叠上下文以及特定的定位和边框样式时。
例如，给出的代码段中，`#zishu_test li a:hover span` 有一个 `display:block` 的 "!important" 规则，意在使悬停状态下的链接子元素（`span`）可见。然而，在IE7中，这个规则可能不会生效，导致在其他浏览器中正常显示的悬停效果在IE7上出现问题。
解决此类问题通常有以下几种策略：
1. **条件注释**：可以使用IE条件注释（Conditional Comments）为IE7单独编写CSS，这样可以在不干扰其他浏览器的情况下，为IE7提供特定的样式。例如：
```html
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="ie7.css" />
<![endif]-->
```
2. **优先级技巧**：通过增加选择器的复杂度来提高其优先级，以覆盖默认样式。这通常意味着需要更具体地定位元素，但可能会使CSS代码变得难以维护。
3. **使用JavaScript/jQuery修复**：利用JavaScript或jQuery来检测浏览器类型，并根据需要动态修改样式。这种方法虽然有效，但会增加页面加载时间，并可能导致性能问题。
4. **放弃 "!important"**：尽可能避免使用 "!important"，转而依赖更精确的选择器或者内联样式来实现优先级。
5. **使用CSS Hack**：针对IE7的特性，可以使用一些CSS hack，比如零宽度字符或特定的属性前缀。但这种方法不推荐，因为它可能导致代码难以理解和维护。
在给定的代码示例中，针对IE7的hack是 `*+html #zishu_test li a:hover span`，这是专门为IE7设计的，因为它使用了IE7识别的伪元素选择器。这种方式可以调整 `span` 元素的样式，使其在IE7下正确显示。
处理IE7的CSS兼容性问题需要对旧版IE的特性和限制有深入理解。使用多种策略结合，如条件注释、选择器优先级控制和适当的浏览器检测，可以帮助解决这类问题，确保网页在不同浏览器下保持一致的视觉效果。
