css - Ionic 3 - 将图像 float 到容器的右侧

Question

我的应用看起来像 this .

请注意标题图片与代码左对齐。甚至 float 是正确的。我该如何解决？

<ion-slides direction="vertical" speed="1000" slidesPerView="1">
  <ion-slide  class="site-slide"  style="background-color:#2298D3">
    <ion-card style="height:300px;float:right">
      <img src="http://www.segalpetroniru.com/images/Consulting-Services-Hero-Image-Secondary.jpg" />
    </ion-card>
  </ion-slide>

Answer 1

请试试这个:

.swiper-slide img {
    width: auto;
    max-width: 100%;
    float: right;
    height: auto;
    max-height: 100%;
}