列表项li为什么会多出来2px的内边距？

Question

我在写列表项的时候发现了一个问题，我的li设置的height:50px;width:20px，可是在chrome里测试的是52和22，我试过修改ul和li的任何相关属性，都无法解决，多出来的是哪来的啊？

Answer 1

你截图中显示的52*22是浏览器计算了元素边框以后的宽度和高度，如果你把width和height改成48和18，选取元素时的提示就变成50和20了，多出的两像素是上下左右边框哦