我在一个带有这个css的页面上有一些元素：
padding-top: 15px;
然而，它在Chrome中显示错误，明显地关闭了一个像素。果然，在Chrome元素检查器的computed style部分中，该元素的计算方式如下：
padding-top: 14px;
使用此CSS的页面上的另一个元素也是如此：
padding: 4px;
Chrome接受这个并计算这个：
padding-bottom: 3px;
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
这一点很重要，因为这是填满容器整个垂直空间的菜单和底部有明显、难看间隙的菜单之间的区别。
我真的不知道为什么会这样。Firefox、Opera、Safari甚至Internet Explorer上都不会发生这种情况。只有铬合金。
最佳答案
它可能与您所使用的2x 2px实体边框的渲染有关：
#carousel-content .slide
我不清楚到底是什么问题，但去掉这些边界，一切看起来都是流动的铬？
关于html - Chrome浏览器将填充计算为比应填充的像素少一像素，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/8979721/