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

【问题标题】：margin-top is not applying to child elements of a button in latest versions of both safari and chrome (webkit)margin-top 不适用于最新版本的 safari 和 chrome (webkit) 中按钮的子元素
【发布时间】：2012-08-14 23:58:29
【问题描述】：

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

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

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

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

非常感谢

-杰

【问题讨论】：

标签： css webkit

【解决方案1】：

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

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

但它有效，所以我没有抱怨

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

【讨论】：