一、IE兼容性那些事儿

躺平。 哎呀，说到IE兼容性，真是让人头疼啊！不过别急，我来给你慢慢说。

你知道嘛， FF下给 div 设置 padding 后会导致 width 和 height 增加， 抄近道。 但IE不会。哎呀，怎么这么说呢？就是IE和FF有点不一样，所以我们要特别照顾IE哦。

那怎么办呢？hen简单，给DIV设定IE、FF两个宽度，在IE的宽度前加上IE特有标记" * "号。哈哈，这样IE就Neng高兴了，与君共勉。。

二、页面居中问题

不靠谱。 哎呀，这个页面居中问题也让人头疼。在IE下足够了但FF下失效。这可怎么办呢？

别急，加上"MARGIN-RIGHT: auto; MARGIN-LEFT: auto; " 就行了。 脑子呢？ 这样FF也会开心了。

三、 奇怪的间隙问题

有时候在IE6上kan见一些奇怪的间隙，可我们高度明明设好了呀。这可怎么办呢？

试试在有空隙的DIV上加上"font-size:0px;"， 哈哈，神奇的事情发生了间隙没有了。

四、关于手形光标

哎呀，这个手形光标的问题也让人头疼。cursor: pointer. 而hand 只适用于 IE。怎么办呢？

五、浮动IE6产生的双倍距离

kankan这个例子：#box{ float:left; width:100px; margin: 100px;}，物超所值。

这种情况之下IE6会产生200px的距离。哎呀，怎么这么麻烦呢？

解决办法：加上display:inline，使浮动忽略。哈哈，这样IE6也不会闹腾了，别怕...。

六、 block和inline元素的区别

这里细说一下block,inline两个元素，Block元素的特点是：总是在新行上开始，高度、宽度、行高、边距douKe以控制；Inline元素的特点是：和其他元素在同一行上，不可控制；，嚯...

kankan这个例子：#box{ display:block; //Ke以为内嵌元素模拟为块元素 display:inline; //实现同一行排列的效果}，我坚信...

七、页面的小宽度问题

min-width是个非常方便的CSS命令，它Ke以指定元素小也不Neng小于某个宽度，这样就Neng保证排版一直正确。但IE不认得min-这个定义，其实吧它把正常的width和height当作有min的情况来使。这样问题就大了 Ru果只用宽度和高度，正常的浏览器里这两个值就不会变，Ru果只用min-width和min-height的话，IE下面根本等于没有设置宽度和高度。比如要设置背景图片，这个宽度是比较重要的，换句话说...。

解决办法：为了让这一命令在IE上也Neng用， Ke以把一个

总的来说... 放到 标签下然后为div指定一个类： 然后CSS这样设计： #container{ min-width: 600px; width:expression; }

第一个min-width是正常的；但第2行的width使用了Javascript，这只有IE才认得，这也会让你的HTML文档不太正规。它其实吧通过Javascript的判断来实现小宽度，我比较认同...。

八、 UL和FORM标签的padding与margin

ul标签在FF中默认是有padding值的，而在IE中只有margin默认有值。FORM标签在IE中， 将会自动margin一些边距，而在FF中margin则是0；，来日方长。

KTV你。 解决办法：css中先说说dou使用这样的样式ul,form{margin:;padding:;}给定义死了后面就不会为这个头疼了。

九、 DIV浮动IE文本产生3象素的bug

哎呀，这个DIV浮动IE文本产生3象素的bug可真是让人头疼啊！

扯后腿。 这种情况之下IE6会产生200px的距离。解决办法：加上display:inline，使浮动忽略。哈哈，这样IE6也不会闹腾了。

十、

哎呀，说了这么多，真是累死我了。不过这些方法dou是为了让我们的网页在IE上也Neng兼容，让用户体验geng好哦。

Ru果你觉得这篇文章有用，就给个赞吧！嘿嘿，希望我的分享Neng帮到你。