很久以前遇到过，解决了，没当回事，这次又遇到，折腾了老半天，还是记一下笔记吧
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Noclip Slider</title>
<script src="../jquery.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div class="slider">
<ul>
<li><img src="1.jpg"/></li>
<li><img src="2.jpg"/></li>
<li><img src="3.jpg"/></li>
</ul>
</div>
</body>
</html>无论如何css reset(margin:0;padding:0)都没用
用firebug查看浏览器默认样式，查看计算出的样式，看到li的height比内容多了2.5px，真的很蛋疼啊
查了资料，问题为：
内容为纯img的li高度会增加3px(我这里看到2.5px)的bug
最终解决方法：
1：给容器加css
li {
font-size: 0;
}li {
line-height: 0;
}img {
display: block;
}下次长记性了！！！
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
