Div内部按钮元素忽略CSS margin-top设置

Question

我正在寻找使用button标签创建“滑动门”效果（因为它是表单的提交按钮），但它不起作用。检查这个小提琴：http://jsfiddle.net/gf8bV/14/

在小提琴中你会看到，使用相同的代码，它适用于div但不适用于按钮。这是为什么？任何解决方案？

Answer 1

我不确定为什么边距不能在内部按钮上工作，但是如果你不想添加额外的标记，你可以通过将按钮设置为位置来实现与位置而不是边距相同的效果：relative ，div为绝对，然后在悬停时将它们都移动。

http://jsfiddle.net/moopet/gdyys/1/

Answer 2

好的，我终于解决了它在另一个div中包含按钮内的所有内容：

http://jsfiddle.net/gf8bV/21/