Ionic List Angular并排

Question

所以，我正在创建一个Ionic应用程序，我想生成从.json文件生成的并排列表项或div。

HTML：

<ion-list class="section" show-reorder="data.showReorder">

        <ion-item ng-class="{'thumb':item.thumb}" ng-repeat='item in muscles | filter:query'
         href="#/tab/muscles/{{item.shortname}}">
          <div class="item item-divider">
            <h2> <b>{{item.name}}</b> </h2>
          </div>
          <div class="item item-thumbnail">
            <img ng-src="img/{{item.shortname}}_tn.png" alt=" {{item.name}} Photo">
          </div>

        </ion-item>
      </ion-list>

CSS：

.section ion-item{
position: relative;
float: left;

width:50%;
height:200px;
}

.section ion-item img{
width:75%;
left:0;
right:0;
margin:0 auto;
}

目前的问题是Ion-items正在做他们需要做的事情（并排占据50％的页面），但Header＆amp;图像没有填充该离子项。他们占据了60％的平方，并且被轻微切断