Chrome将填充计算为比应有的像素少一个

时间:2012-01-23 22:46:09

标签: html css google-chrome

我在这个css页面上有一些元素:

padding-top: 15px;

然而,它在Chrome中显示错误,显着关闭了一个像素。果然,在Chrome的元素检查器的计算样式部分中,此元素计算如下:

padding-top: 14px;

使用此CSS的页面上的另一个元素也是如此:

padding: 4px;

Chrome会接受并计算:

padding-bottom: 3px;
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;

这很重要,因为它填满了容器的整个垂直空间的菜单和底部有明显丑陋间隙的菜单之间的区别。

我真的不知道为什么会这样。这在Firefox,Opera,Safari甚至Internet Explorer上都不会发生。只是Chrome。

1 个答案:

答案 0 :(得分:0)

它可能与渲染您所拥有的2x 2px实体边框有关:

#carousel-content .slide

我不知道究竟是什么问题,但是通过取消这些边界,铬的一切看起来都很流畅?