css - CSS复选框/切换间距问题

Question

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

但是，我遇到了切换/复选框之间的间距问题。它们没有被看起来像〜10px的填充隔开，而是在彼此的.togglebox正下方排列。我试过margin, padding, width,height等，但没有任何运气。

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

Answer 1

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

希望能帮助到你。