标签：oat 技术 选择器 边框 位置 黑客 兼容问题 first 编写
（一）：选择器的兼容问题
1.对于一般的选择器如id选择器、类选择器、标签选择器，IE6和其他浏览器一样都兼容；
2.子代选择器（E>F），序选择器（E:first-child、E:last-child）、兄弟选择器（E+p）这些选择器IE6都不兼容{主要是css2中的选择器，css3中的先不谈}
（二）：双倍margin问题
1.何为双倍的margin?
解释：就是说当我们连续浮动元素时，如果浮动元素的浮动方向和我们设置的margin方向相同时，浮动元素的第一个元素就会具有双倍的margin值。
例：ul li{float：left；
margin-left：20px；}
此时我们的浮动元素和margin的方向相同，那么在第一个li中，它与边框的距离就是40px。
解决办法：1.可以通过改变条件的方法来阻止这个bug发生。
就是说把float方向与margin的方向不一致时，设置成margin-right,那么这个bug也就不存在了，所以在编写代码时要注意到这一点；
2.可以通过单独设定浮动元素的首项来解决已经出现的bug
我们另外给浮动元素的首项一个margin属性，是他的值是我们前面margin值得1/2，这样也就解决了。
（三） 3px 问题
1.何为3px：
解释：当我们元素有有浮动时，浮动元素的子代使用margin-right来调节自己的位置时，会出现距离边框的距离比我们设定值多出3px的现象。
标签：oat 技术 选择器 边框 位置 黑客 兼容问题 first 编写
原文地址：http://www.cnblogs.com/llcwin/p/6974064.html
