css - margin-top 不适用于最新版本的 safari 和 chrome (webkit) 中按钮的子元素

Question

锚标记和 div 将 margin-top 属性应用到子元素就好了，但是按钮不能。

我已经在最新版本的 safari、chrome 和 firefox 中进行了测试。如果应用了 -moz-focus-inner 属性，Firefox 没有问题，我想知道 webkit 是否可能存在类似问题？

http://jsfiddle.net/Ym3BL/1/

有谁知道如何使这三个项目的样式相同/或如何在 webkit 浏览器中允许 margin-top？

非常感谢

-贾伊

Answer 1

所以我想通了，感觉像个笨蛋。

key 属性-webkit-margin-top-collapse:separate;应用于子元素，这对我来说仍然不太有意义，因为父元素没有边距或填充，所以为什么我需要分隔边距？

但是它有效，所以我不抱怨

http://jsfiddle.net/Ym3BL/2/