用!important解决IE和Mozilla的布局差别

当我们在编写 CSS 样式的时候，有时会发现页面在不同浏览器中显示效果不一致。这时我们可以使用 !important 来解决这种问题。

!important 是 CSS 中一种很常用的机制，用于标记一个属性为重要的，后面的 CSS 代码将不会覆盖该属性的设置。在 IE 浏览器和 Mozilla 浏览器中，如果我们发现样式在某个浏览器中没有生效，可以尝试在该样式后面加上 !important。

以下是两个示例：

示例一：

在某个页面中，需要将文字的颜色设置为蓝色。代码如下：

color: blue;

然而在 IE 浏览器中，文字的颜色一直显示为黑色，这时添加 !important 即可：

color: blue !important;

示例二：

在某个页面中需要将某个元素（例如按钮）的宽度设置为 200px。代码如下：

width: 200px;

然而在 Mozilla 浏览器中，元素的宽度不生效，可以添加 !important 即可：

width: 200px !important;

注意：虽然!important 在解决一些布局问题时十分有用，但由于其具有强制性，可能会破坏 CSS 样式表的层叠性原则。因此在开发过程中，最好避免或减少使用 !important。