CSS複選框/切換間距問題

Question

我正在嘗試重新創建類似iPhone的複選框/切換區域。結果應該是這樣的（注意切換按鍵之間的間距乾淨）

不過，我現在遇到的問題與切換/複選框之間的間距。而不是.togglebox被看起來像〜10px填充的間距，他們排列在彼此正下方。我已經試過margin，padding,width,height等沒有任何運氣。

這是我目前的編碼：http://jsfiddle.net/eHnn5/1/

Answer 1

您需要在#toggleboxcategories添加height屬性的子元素位於絕對的，會有在這種情況下沒有使用填充或保證金。

希望它有幫助。