怎么移动iView中的Button的位置？

Question

使用iView，我有一个模态层：

 <Modal
      v-model="loginModal"
      title="登录"
      width="400"
      @on-ok="ok"
      @on-cancel="cancel">

      <Tabs>
        <TabPane label="手机登录" icon="ios-telephone">
          <i-input v-model="tel" clearable placeholder="请输入电话" style="width: 300px"></i-input>
          <i-input v-model="password" clearable placeholder="请输入密码" type="password" style="width: 300px"></i-input>
          <i-checkbox >是否记住密码</i-checkbox>
          <i-button class="forget-pwd" type="text">忘记密码?</i-button>

        </TabPane>

        <TabPane label="邮箱登录" icon="ios-email">
          <i-input v-model="email" clearable placeholder="请输入邮箱" style="width: 300px"></i-input>
          <i-input v-model="password" clearable placeholder="请输入密码" type="password" style="width: 300px"></i-input>
        </TabPane>
      </Tabs>

    </Modal>

请问怎么样我的忘记密码？按钮才能右移到指定位置呢？

我试过:

.forget-pwd {
  float: right;
}

或者:

.forget-pwd {
  margin-left: 20px;
}    

都不行。

Answer 1

大哥我们换个思路，写两个忘记密码右击的时候这个隐藏，那个显示。是不是更简单些。

Answer 2

给个定位试试