html - 为什么 "margin: 0;"会破坏我的 css？

Question

如果你看看这个 JSfiddle

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

你会看到我有

input { margin:0; }

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

如果您单击“成员”，将出现一个新行，该行应根据to 垂直和水平居中。 .

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

如果您将鼠标悬停在新行上，由于某种原因布局会被破坏。

输入{边距:0； 修复了垂直居中的问题，但引入了新的错误...

谁能弄清楚为什么会出现这 3 个错误以及如何修复它们？

Answer 1

在容器上设置 overflow: hidden 和 height: 100% 充当 float 元素之后带有 clear: both 的元素，这是一个很好的选择快速修复:)

jsFiddle