Javascript 实施"；例如；按钮破坏CSS

我真不敢相信这个该死的按钮居然这么难实现

也许它现在可以工作，但是评论框在页面布局上到处都是垃圾

注释框扩展了#容器的长度，当它离开时将其保留为空，并将标题扔进另一个维度

我现在在我的index.html（php）中有这个垃圾

（功能（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”；
fjs.parentNode.insertBefore（js，fjs）；
}（文档“脚本”、“facebook jssdk”）；

在我的页脚

<div class="fb-like" data-href="http://www.addinall.net" data-width="100" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false" data-colorscheme="dark"></div>

我尝试恢复到iFrame实现，但这破坏了HTML5验证。啊，啊

---

在我扔掉它并忘记我听说过Facebook之前，有什么想法吗？

溢出：可见的

应用到您的

#容器

元素可能是一个可接受的解决方案？谢谢。这至少阻止了它破坏我的CSS。它把评论框大部分都抛到了屏幕之外。它至少需要：data commentgrow=“[up | down]”data comment=“[on | off]”数据按钮colour=“[white | yellow |……| black]”。马克·艾迪纳尔：也许你可以在你的主要内容开始时移动那个按钮。我有一种印象，你在不断更新你的页面，而我们在寻找一个移动的目标。你能做点什么吗？至少我们在谈论一些恒定的东西。另外，“恢复到iFrame实现”如何破坏HTML5验证？除非你做错了，

iframe

在HTML5中是一个有效的元素。

<div class="fb-like" data-href="http://www.addinall.net" data-width="100" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false" data-colorscheme="dark"></div>