Question

想请教下IE6 7 8 FF 4个浏览器 写DIV+CSS代码时需要注意的兼容性问题

越详细越好。。有加分！！！谢谢了.越细越好，不要直接百度复制粘贴的，一律无视！

Answer 1

以下所说都是这几年个人积累的经验，如有遗漏，楼下补充，大家一起交流
1、浮动问题：在css中如果单独设置某个层的浮动后，如果不在此层的后面层中加一个clear:both样式，在ie8以及火狐浏览器中，会出现排版重叠现象；

2、行高问题：如果行高设置为基数值，那么在各浏览器中是不同的，有的浏览器只识别偶数行高，比如不要设置 line-height:23px; 等基数行高

3、margin和padding：如果左浮动与左间距或左填充、右浮动与右间距或右填充同时存在的时候，IE6有时会把间距值或填充值读为双倍，比如：margin-left:5px;float:left: 在ie6中会读为margin-left:10px 这是ie的一个bug，解决方法为在其后再加一个样式 display:inline

4、高度不超过12像素问题：如果定义某个层的高度不超过12像素，那么在ie6中也会默认为12像素高度，比如要做个3像素高的水平线效果，那么要在此样式中加上 font-size:0; 定义文字大小为0，这样就能解决ie6的默认文字高度问题

5、浏览器专有属性：ie中识别 _height ； ie7中识别 *+height ；

6、期待楼下补充

Answer 2

其实么有什么兼容性问题，只是火狐跟IE 的排版的那个数字有点区别而已
例
<div class="dome">ssdd<div>

.dome{
width:100%
height:200px; 火狐
*height:200px; IE
}
懂了么？ 不懂继续问我 这两个可以写在一起的 最好只要有关布局的 你就要这么写！

Answer 3

margin;padding;问题；在火狐和ie是不一样的，ie下margin可区上下左右空白和编号，但是在火狐上只能去掉上下空白，加上pddding去左右，然后加list-style去编号，还有是载ie下不支持min或者max元素，如min-width:50px ;在ie上是解析的就是width=50px；还有ie6 7上不兼容html5，你懂的。ie是不支持圆角属性的就是border-radius是不支持的，其他的正在总结中！！