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

Question

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

在我的项目网站（ FIXED ）上，将产品添加到左侧的停靠栏并更改数量不会导致问题。但是，当我在非Mozilla浏览器中打开我的项目时，<p class="count">元素（产品数量）会让我感到头疼。这是一个像素太低，我似乎无法解决这个问题。

当然，jquery可能会出现丑陋的黑客攻击，但我知道这很可能是因为不合适的清除浮动或线高，我希望有人可以对此有所了解，这已经困扰了我好几个小时。

---

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

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

Answer 1

我遇到过与FireFox和图像类似的东西。诀窍是将div或我的案例图像设置为

display:inline;

默认情况下，图像设置为

display:block;

导致图像底部的额外像素膨胀周围的div。