如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览

在网页开发中，浏览器对CSS的处理差异常常带来诸多挑战。针对这些问题，我们深入研究并整理了一些关键要点，以确保在不同浏览器中实现一致的页面布局。

关于DOCTYPE对CSS处理的影响，确立正确的文档类型声明是确保浏览器正确页面的关键。在FF（Firefox）中，当为div元素设置左右外边距为auto时，该元素会水平居中。但在IE中，这一特性并不明显。若想在body中设置文本对齐时让div居中，除了设置文本对齐属性外，还需为div设置左右外边距为auto。值得注意的是，FF在添加内边距（padding）后，会增加div的高度和宽度，而IE则不会。为了解决这个问题，开发者会使用!important来强制设定高度和宽度。IE会忽略!important属性，这为针对FF的特殊样式设置提供了空间。

在解决垂直居中的问题时，可以通过设置vertical-align:middle和增加行高（line-height）来实现。但这种方法要求内容不要换行。对于光标样式，cursor:pointer可以在IE和FF中显示为手指形状，而hand只在IE中有效。链接的边框和背景色设置时，需要设置display:block和float:left以确保不换行。而在解决mozilla firefox和IE中的BOX模型差异导致的相差2px问题时，使用特定的CSS技巧可以弥补这一差异。

值得注意的是float属性的div一定要闭合。在IE中，float的div表现良好，但在FF中可能会出现问题。当包含float的box时，为了让高度能自动适应，wrapper里需要加上overflow:hidden;并且触发IE的layout私有属性，使用zoom:1;可以达到兼容效果。设置float的div在IE下的margin会加倍，这是一个已知的bug。解决方案是在这个div里面加上display:inline。

为了确保网页在不同浏览器中的一致性，开发者需要深入理解并应对各种浏览器差异。通过深入研究这些问题并应用相应的解决方案，我们可以创建出既美观又兼容的网页，为用户带来无缝的浏览体验。这些实践经验和技巧对于每一个网页开发者来说都是宝贵的资产，它们帮助我们不断精进技艺，提升网页的质量。