为什么“保证金：0;”垃圾我的CSS？

Question

如果你看看这个JSfiddle

http://jsfiddle.net/littlesandra88/G3N4m/

你会看到我有

input { margin:0; }

如果我删除它，则表单和单选按钮不再垂直居中。所以我想它需要在那里？

如果您点击“会员”，系统会显示一个新行，该行应根据to进行垂直和水平居中。

.rowMembers { width:60%; margin:0px auto; text-align:left; }

如果将鼠标悬停在新行上，布局会因某种原因而被删除。

input { margin:0; }解决了垂直中心问题，但引入了新的错误......

任何人都可以弄清楚为什么会出现这3个错误以及如何修复它们？

Answer 1

在容器上设置overflow: hidden和height: 100%在浮动元素之后充当clear: both的元素，这是一个很好的快速修复：）

jsFiddle