我用這段代碼在我的網站上添加了一個Tweet按鈕:

<script type="text/javascript">
    // <![CDATA[
    document.write('<a  class="twitter-share-button" data-lang="en" data-url="<?php echo $this->getUrl('') ?>">Tweet</a>');
    // ]]>
</script>
<script type="text/javascript">!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

該按鈕工作正常，但問題是它在body start標記之后向我的網站源代碼添加了兩個Iframes。那些Iframes有一個10px的寬度屬性，這使得我的網站更寬，并且有一個滾動條。

我該如何解決這個問題？

我可以想象絕對定位那些iframes會達到目的。根據Christopher答案中的id，您可以嘗試這樣做:

#twttrHubFrameSecure,
#twttrHubFrame {
    position: absolute;
    top: 0;
    left: 0;
}

如果你發現它們擋住了什么東西，你可以試著把它們放在右下角(或者其他地方)。

你試過嗎

$("#twttrHubFrameSecure").hide();
$("#twttrHubFrame").hide();

？？？

嘗試:

<a  class="twitter-share-button" data-url="http://yoururl.com" data-text="Add your tweet text">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="http://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

或者在此創建您的按鈕:

http://twitter.com/about/resources/buttons#tweet