Question

关于CSS DIV IE7 IE8兼容性问题

首先 IE8下没有问题 但是IE7下有问题 6就更别说了 我的思路是先把IE8变成IE7的给解决好了 之后再解决IE6的。 不扯了 说问题：我的网页IE8里显示没问题到了IE7 大的DIV框架也没问题 就是小的字的高度啦 边距啦 有问题
我这个网页代码很简单 CLASS里只有（margin padding float line-height 4个跟边距行距有关的量）
问下哪个变量IE8和IE7是不同的？ 解决办法是什么？（除了!important...）
P.S DIV结构很规范 肯定是边距出了问题

Answer 1

这样写兼容

margin:0 1px 0 1px; 针对火狐

+margin:0 3px 0 3px; 针对IE7

_margin:0 2px 0 2px; 针对IE6

margin:0 1px 0 1px\0; 针对IE8

也就是说你出问题的部分 需要写4句不同的代码去挨个测试，如果都OK了，那就都兼容了，这4句只要加上我给你写的兼容 就互不影响。

Answer 2

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

很多兼容问题，都是各个浏览器对不同的标签有不同的默认值做成的，所以最好在每次做CSS前，都加入上面一个代码reset一下各个浏览器的默认设置，这样后面的设计你会少遇到很多麻烦。

上面这个就是大名鼎鼎的“CSS Tools: Reset CSS”，可以查看参考链接或搜索一下Reset CSS。

Answer 3

把源码贴出来我给你看看

Answer 4

求原码.....