css - 使用 CSS 控制 Facebook 点赞/发送按钮的位置

Question

我正在尝试使用 CSS 定位一个类似 Facebook 的按钮(其中包括一个“发送”按钮)。下面是 Facebook 提供的代码以及我添加的分类为“like”的 div 标签。下面是相应的 CSS。我正在应用的 CSS 不起作用；它似乎被 Facebook 代码中固有的样式覆盖了。

如何使用 CSS 定位 Facebook 点赞按钮？

提前致谢

约翰

<div class="like">

<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({appId: 'your app id', status: true, cookie: true,
             xfbml: true});
  };
  (function() {
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol +
      '//connect.facebook.net/en_US/all.js';
    document.getElementById('fb-root').appendChild(e);
  }());
</script>

</div>

CSS:

.like { 
            position:absolute;
            width:310px;
            left:30px;
            top:278px;
            color: #004993;
            font-family:Arial, Helvetica, sans-serif;
            font-size: 10px;
            font-weight: bold;
            height: 15px;
            padding-bottom: 0px;
            padding-left: 5px;
            padding-top: 2px;

}

Answer 1

我遇到了同样的问题。只需将外部 div 包裹在它周围，它就会像魅力一样工作。

<div style="float:left; margin:10px 10px 0 0;">
  <div id="fb-root"></div>
  <script src="yada-yada"></script>
</div>