Css safari mobile中的Facebook模块定位

在我正在构建的网站的页脚中，我很难定位facebook关注按钮。它在台式机上工作得很好，但在移动safari上，它应该保持在右侧，而在左侧。我试过的花车似乎也不起作用。有人能告诉我怎么了吗

以下是链接：

以下是以twitter引导为基础的标记：

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=311803262255643";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="container">
    <div class="fb-follow" data-href="https://www.facebook.com//pages/AndreasCharalambouscom/275009314345" data-colorscheme="light" data-layout="button" data-show-faces="false"></div>
    <div class="copy">&copy andreas charalambous 2014 - All Rights Reserved</div>
</div>

footer .copy{
    padding:10px;
    font-weight:100;
    float:left;
    clear:both;
}

footer .fb-follow{
    position:absolute;
    top:10px;
    right:30px;
    display:block;
    width:50px;
}

footer .container{
    border-top:1px solid #ccc;
    margin-top:35px;
    position:relative;
}

（功能（d、s、id）{
var js，fjs=d.getElementsByTagName[0]；
if（d.getElementById（id））返回；
js=d.createElement；js.id=id；
js.src=“//connect.facebook.net/en_US/all.js#xfbml=1&appId=31180326225643”；
fjs.parentNode.insertBefore（js，fjs）；
}（文档“脚本”、“facebook jssdk”）；
&复制andreas charalambous 2014-保留所有权利
页脚。复制{
填充：10px；
字号：100；
浮动：左；
明确：两者皆有；
}
footer.fb follow{
位置：绝对位置；
顶部：10px；
右：30px；
显示：块；
宽度：50px；
}
页脚.容器{
边框顶部：1px实心#ccc；
利润上限：35px；
位置：相对位置；
}

---

加载后facebook注入页面的代码似乎有问题。祝你好运我不知道

将相关代码复制到问题中，否则当您的站点将来发生更改时，此问题将无效。为了解决此问题，您应该在页脚和正文上应用边框，以查看它们正在执行的操作。我发现有时候身体不能完全伸展。然后，当你在iPad上查看时，你可能会发现主体（或页脚）没有完全伸展，这是一个完全不同的问题…RE:@cale_b-你可以在开发工具中快速完成。这就是我所做的。@sherrifderek-你如何在iPad上访问开发工具？或者你是在说桌面Safari——它会模仿iPad吗？我已经添加了浮动宽度，现在甚至是绝对定位，它的动作非常奇怪。我会把密码寄出去