html5 li元素横向排列,html5,_li元素inline-block横向排列，出现了未知间隙，html5 - phpStudy...

li元素inline-block横向排列，出现了未知间隙

Code

• 我的首页
• GitHub
• about me
• 所有内容

body,ul,h1{

margin: 0;

padding: 0;

}

li{

list-style: none;

}

a {

text-decoration: none;

}

header {

width: 1000px;

}

li {

padding: 25px;

text-align: center;

display: inline-block;

width: 200px;

}

通过上面的代码，我想将四个li元素横向排列，

li width：200px(200*4=800px);

左右padding为25px(25*8=200px);

总和1000px；但是实际却超过了1000px。

第一个li是正常的

第二个li开始出现偏移，但预设border，margin都为0；

搞不清楚为什么两个li之间为什么不是紧挨着的

之后我开始凑数，想找出这个间隙的大小，结果发现：

在Firefox中，1015px及以上可以一行显示...

但在Chrome中，1024px及以上时才可以做到一行显示；

我完全搞不懂了...通过Head First进行入门，但是回顾了一下，也没有任何关于这种情况的说明

Chrome(1015px)：

Firefox(1015px)：

Chrome(1024px)：

纠结中...寻求大神指导几句，这个间隙到底是什么东西

相关阅读:

TP框架的验证码怎么验证？

软件工程大作业求推荐

寻找thinkphp的blog开源代码？

docker把宿主机根目录下的所有目录挂载到容器为什么不能运行？

HTTPS/SSL访问过程中是由谁来完成加密的？

一个表单验证的问题，如何通过获取当前校验得文本框ID进而使用相应JSON键值的问题，非常感谢

arguments创建函数问题？

Laravelcollective 的select怎么用getAttribute绑定

sublime text PHP编译无效，无任何提示！

如何使用webstorm和typescript编写nodejs

Java的AQS.Node源码疑惑

一个元素上有两个事件，在运行一个时禁止另一个？

swift addTarget 多个参数

如何复制Spyder中Variable explorer中的array或者matrix到其他文件中？

angularjs 如何实现在底边时自动加载下一页

一个奇怪的git问题，求大家帮忙分析一下?

mysql有没有类似sql server profiler的数据库监视工具？

spring security 无法获取已经登陆的用户ID？

使用php ，做app 接口开发 求大神指教!!!

a=一个dom对象,b=a,a和b指向的是两个dom，还是同一个dom？