CSS Checkbox / Toggle Spacing问题

Question

我正在尝试重新创建类似iPhone的复选框/切换区域。结果应该如下所示（注意切换按钮之间的干净间距）

但是，我遇到了切换/复选框之间间距的问题。它们不是.togglebox与10px填充的间隔，而是在彼此正下方排列。我已经尝试了margin，padding，width，height等，但没有任何运气。

以下是我目前的编码：http://jsfiddle.net/eHnn5/1/

Answer 1

您需要在#toggleboxcategories中添加height属性，因为子元素位于绝对位置，在这种情况下不会使用填充或边距。

希望它有所帮助。