所以，我正在创建一个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＆Image没有填充那个离子项目 . 它们占据了60％的平方里面，并略微被切断