是否有一些好的CSS实践，以避免与IE的浏览器兼容性问题？

Question

到目前为止我发现：

• 说明某些元素中的width修复了IE中的问题。

• 当然使用CSS重置

你认识其他人吗？

Answer 1

• 了解hasLayout

• 通过打开hasLayout，然后将display设置为inline，可以在IE7上实现内联块行为。这对我来说非常有用。

• 确保您的doctype存在且正确无误。仅此一项就可以节省数小时的痛苦。

• 在您需要特别针对IE浏览器的任何时候使用conditional comments。请不要陷入业余爱好者的习惯，即在主样式表中添加星形/下划线垃圾。

Answer 2

我认为手动设置width往往会破坏IE中的内容，因为很多IE版本实现了一个有缺陷的盒子模型。

我还说很多浏览器的不兼容性源于对盒子模型和浮动/清除，块/内联的低调理解。

话虽如此，我当然不否认它是IE，而不是开发人员，这才是真正的问题，但我通常试图通过使用甚至IE都不会错过解释的HTML结构来避免浏览器不兼容，而不是通过CSS黑客攻击，而且我发现这通常是可行的。