使用CSS控制Facebook喜欢/发送按钮的位置

Question

我正在尝试使用CSS定位类似Facebook的按钮(包括"发送"按钮).下面是Facebook提供的代码以及我添加的"喜欢"类别的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>