今天遇到一个挺郁闷的，就是float与li有冲突。当他们二个同时出现时，在ie下面呢，li前面的小黑块不见了，但是在firefox下面是好的。
<html>
<style>
ul li{
color:#009999; float:left;list-style-type:square;padding-left:20px; WIDTH: 100%;
}
</style>
<body>
<h4>test:</h4>
<ul>
<li>china</li>
<li>anhui</li>
<li>luan</li>
</ul>
</body>
</html>
解决方法：
1,不要用float换成其他的
2,如果非要用，我们可以加上背景图片
<html>
<style>
ul li{
color:#009999; float:left;
background:url(http://blog.51yip.com/manual/html/img/folderopen.gif) left center no-repeat;
padding-left:20px; WIDTH: 100%;
}
</style>
<body>
<h4>test:</h4>
<ul>
<li>china</li>
<li>anhui</li>
<li>luan</li>
</ul>
</body>
</html>
说明：list-style-type的样式是有限的，如果是自定义图片的话，样式就有好多了。
转载请注明
作者:海底苍鹰
地址:http://blog.51yip.com/htmlcss/858.html
把float换成inline就可以了