イオンリストはコンテナより少し大きい

Question

私はイオンアプリを開発中です。

私が使用しているリストがコンテナよりわずかに大きいことに気がつきました。

最初は私は国境に関連していましたが、そうではありません。

私はそれが契約ブレーカではないことを知っているが、それは私には奇妙に見えるん、と私は（それはピクセルの唯一のカップルの場合でも）出なくていいとコンテナに含まれている見て、このリストが欲しい

あなたはここでは例を見ることができます：http://codepen.io/NickHG/pen/VaogjL

あなたがよく見るならば、あなたは接続の下にすべてがリスト分周器を設定することが外であることがわかります。

私が使用しているコードは、イオンドキュメントからの簡単なリストは、次のとおりです。

<div class="hg-login-card-advanced-connection-settings"> 
    <div class="list"> 
     <div class="item item-divider">Connection Settings</div> 
      <div ng-repeat="conn in connections"> 
       <item class="item item-toggle"> 
       {{conn.name}} 
        <label class="toggle toggle-primary"> 
        <input type="checkbox" ng-checked="{{conn.checked}}" ng-model="conn.checked"> 

         <div class="track"> 
         <div class="handle"></div> 
        </div> 
        </label> 
        </item> 
        <item class="item hg-login-card-advanced-connection-settings-details" ng-show="conn.checked==true"> 
        <input type="text" placeholder="testing"> 
        <small class="hg-login-card-advanced-connection-settings-details-status">Status</small> 
        </item> 
       </div> 
      </div> 
     </div> 
    </div> 

どのように私はこの問題を解決することができますか？ご意見やご提案ありがとうございました

Answer 1

.itemには問題が発生します。 cssをこれに置き換えると、問題は解決します。

.item { 
    margin: 0; 
} 

なぜこれが起こっているのかわかりません。それはイオン基本的なCSSです。私はそれが彼らの対処方法だと思うか、アイテムの左右の境界を隠すと言うべきですか？