仅在Chrome中额外填充

Question

我只在Chrome中的h3标记中获得了一个奇怪的填充。最奇怪的是我无法阻止它或通过CSS控制它，当我选择h3的文本时，似乎选择扩展到文本的右侧和底部。

在Chrome中预览：

在其他浏览器中预览：

Chrome中的这种额外填充会导致错位，并且会扩大容器的高度，这是不受欢迎的。

Here's the fiddle

你能帮我找一下这个问题吗？

注意：我使用CSS重置，我尝试了line-height，margin而不是padding，但没有运气。

Answer 1

尝试将line-height: 0;添加到div：

#mailing div {
    line-height: 0;
}

还尝试添加：

#mailing .moduletable {
    display: table;
}

更新了jsfiddle：http://jsfiddle.net/BbJhE/12/

Answer 2

虽然这可能不是最佳解决方案（因为我必须对<div id="mailing">的高度进行硬编码），但它确实有效并且与Chrome和FF保持一致

我将height: 2.4em;添加到#mailing 和margin:0;到#user_email_formAcymailing1.inputbox

小提琴：http://jsfiddle.net/BbJhE/11/

Answer 3

尝试删除：

table.acymailing_form {
    margin-top: 2%;
}

Answer 4

尝试为h3设置硬线高度：

#mailing h3 {
    font:small-caps .95em"Times New Roman", Times, serif;
    letter-spacing:1px;
    text-transform:capitalize;
    text-shadow:0 1px 0 #fff;
    color:#6b6b6b;
    padding:10px;
    margin:0;
    float:left;
    line-height:20px;
}