css - CSSチェックボックス/トグル間隔の問題

Question

iPhoneのようなチェックボックス/トグルエリアを再現しようとしています。結果は次のようになります（トグルボタン間の間隔がきれいであることに注意してください）

ただし、トグル/チェックボックスの間隔に問題があります。〜10pxのパディングのように見える間隔を空ける代わりに.togglebox、それらは互いに真下に並んでいます。、、、、などを試しましたがmargin、運がありませんでした。paddingwidthheight

これが私の現在のコーディングです：http：//jsfiddle.net/eHnn5/1/

Answer 1

子要素が絶対配置されるため、#toggleboxcategories に高さプロパティを追加する必要があります。この場合、パディングやマージンは使用されません。

それが役に立てば幸い。