iOS設備上的CSS填充/邊距問題

Question

當我在iphone（iphone 6，ios 8）中查看以下結果時，加載程序略微位於按鈕上方，但是當我使用chrome移動模擬器檢查時看不到該結果。 我不知道該如何解決，您認為可能是什么原因造成的？

 img.loader { text-align: center; width: 20px; margin: auto; display: block; position: absolute; right: 15px; top: 10px; } button { width: 100%; padding: 12px; background: #4aa3df; color: #fff; border: none; font-size: 14px; margin-bottom: 10px; cursor: pointer; box-sizing: border-box; } .submitBtnWrap { position: relative; } 

 <br> <br> <div class="submitBtnWrap"> <button id="login_submit" class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button> <img src="http://i.imgur.com/ScvlxYo.gif" class="loader"> </div> 

Answer 1

嘗試在容器元素SubmitBtnWrap中填充0和邊距0

但是問題是絕對定位...

Answer 2

如果您像本例中那樣使用float right怎么辦：

img.loader {
  text-align: center;
  width: 20px;
  float:right;
  margin:0;
}
button {
  width: 100%;
  padding: 8px;
  line-height:20px;
  background: #4aa3df;
  color: #fff;
  border: none;
  font-size: 14px;
  vertical-align:middle;
  cursor: pointer;
  box-sizing: border-box;
}
.submitBtnWrap {
  position: relative;
}