CSS 1px高度问题firefox与webkit浏览器/ie

CSS 1px高度问题firefox与webkit浏览器/ie,css,internet-explorer,firefox,google-chrome,Css,Internet Explorer,Firefox,Google Chrome,我有一个似乎很常见的问题,但可以通过各种方式引起 在我的项目网站上,修复了在左边的码头添加产品和更改数量不会导致问题。然而,当我在非mozilla浏览器中打开我的项目时,元素产品数量让我头疼。这是一个像素太低了,我似乎无法解决这个问题 当然,jquery可能会出现一个丑陋的黑客行为,但我知道这可能是由于清除浮动或行高度不当造成的,我希望有人能对此有所了解,这已经困扰了我好几个小时了 丑陋的解决方案仍然需要适合ajax <script> $(document).ready ( func

我有一个似乎很常见的问题,但可以通过各种方式引起

在我的项目网站上,修复了在左边的码头添加产品和更改数量不会导致问题。然而,当我在非mozilla浏览器中打开我的项目时,

元素产品数量让我头疼。这是一个像素太低了,我似乎无法解决这个问题

当然,jquery可能会出现一个丑陋的黑客行为,但我知道这可能是由于清除浮动或行高度不当造成的,我希望有人能对此有所了解,这已经困扰了我好几个小时了

丑陋的解决方案仍然需要适合ajax

<script>
$(document).ready (
function() {
  if (!$.browser.mozilla) {
   $('#test .count').css('padding-bottom','1px');
  }
}
);
</script>

我在FireFox和图像上也有过类似的体验。诀窍是将div或(在我的例子中)设置为image

display:inline;
默认情况下,图像设置为

display:block;

这导致图像底部的一个额外像素在周围的div中膨胀。

可能在.count的线条高度附近播放。还有,话题之外,但我会更改dock的措辞,因为它说要拖动项目,而我确实这样做了,但这不起作用,实际上我应该只是单击加号图标;感谢元素/文档重置的线条高度问题,那么这是否意味着我的建议是正确的?