摘要： li设置了左浮动，li的父元素设置了宽度，但是li 的最后一组文字，因为宽度不够了，显示为了两行了加上white-space:nowrap;后，IE7/8 ，FF 下面，最后一组文字宽度不够就自动换行了，li { overflow-y:hidden; height:27px; line-height:27px; white-space:nowrap; float:left; }只需要加上 在li加上{white-space:nowrap;} 可能因为你没有限制高度的原因 阅读全文

摘要： 我们在浏览网页的时候经常看见这样的现象：某个网页在IE6浏览器中打开很正常，但是在IE8里面打开可能完全变形了。或者也有可能出现完全相反的现象。这让Web程序员及设计师往往为了其CSS在各个IE版本下表现怪异而痛苦不已，有时候需要通过专为IE6或者IE8设计单独的定义。IE浏览器则因此被公认为Web程序员的毒药，虽然在微软官网上并没有提供相关的解决方案，但是IE浏览器的兼容性存在的问题却是Web程序员必须熟练掌握的。本文总结了9个IE浏览器上最常见的Bug，以及它们的解决方案。在IE上开发时间中有超过60%的时间是花在和IE的bug进行搏斗，让你的开发生产率严重下降。普通的用户可能不会在意网站 阅读全文

摘要： 大家都知道 ul 默认值中，IE 给了 ul 一个 margin 值，而 FF 给了一个 padding 值。如果我们给 ul 加上一个背景或者框架，它就会露出原形，也就是在 IE 中项目符号是在 ul 外面，所以 ul 的宽度是不把项目符号算在里面的（如下图1）；而 FF 是把项目符号算在 ul 里面的（下图2）。这样对 CSS 解释的差异就导致了在不同浏览器中会产生不同的效果。在实际应用中，我们会先把样式重置-css reset（如上图3）。把 margin:0;padding:0; 后会发现项目符号不见了。添加 list-style-position:inside; 后项目符号又回来了（ 阅读全文