1. 使用 DOCTYPE 你需要在HTML页面的最顶部加上DOCTYPE类型，当然， strict版是值得推荐的，例如： 或者, XHTML页面的!DOCTYPE： 2. 设置position: relative 设置position:relative解决了不止一个问题，特别当需要设置对齐的时候。很明显，你需要明白的一点是，绝对定位是相对来说的。说不定，因为你没有设置，而不知道东... [阅读全文]

如下 IE6/7 double padding-bottom Bug IE6/7 double padding-bottom Bug IE8/9(标准模式) and Firefox/Safari/Chrome/Opera IE6/7 and IE8/9(怪异模式) 外层div加了上下padding 15px，可是在IE6/7 and IE8/9(怪异模式)下padding... [阅读全文]

在IE6下（标准模式/怪异模式），如果一个元素向左浮动(float:left)，且添加了向左空白边(margin-left:15px)。那么会自动的加一倍变成30px。如下 IE6双空白边Bug IE6双空白边bug 各浏览器中表现如下 IE7/8/9/Firefox/Safari/Chrome/Opera : IE6: 解决方法是给div[id=d1]加：display... [阅读全文]

在IE8发布不久之后，Opera首席执行官Jon von Tetzchner曾经对外公开表示，微软的IE8浏览器还会对网络标准继续破坏。不过随着大家对IE8浏览器越来越了解，发现IE8对CSS标准的支持的确有非常大的改观。　　微软的IE8已采纳了万维网联合会的HTML 5和CSS2.1标准，只是还没有采用已使用于Mozilla，谷歌，和Opera浏览器的SVG。多年来面对W3C机构对HTML标准的... [阅读全文]

当浮动元素与非浮动元素相邻时，这个3像素的Bug就会出现，它会偏移3像素。只要触发IE的hasLayout，非浮动元素就会拥有布局。所以，利用IE6特有的hack规则，为它单独写样式就可修复此问题：_zoom:1;margin-left: value;_margin-left: value-3px;zoom 是IE触发Layout条件之一，因为它是IE特有的CSS规则，所以采用zoom。margi... [阅读全文]