登录插件搞乱了HTML DOM结构

Question

我已将facebook登录集成到一个似乎是一些麻烦来源的网站中。

每当我使用'常规方式'（通过自己创建的字段）登录时都没有问题，但是一旦我使用facebook登录，网站的div就会搞砸了。

我有一个宽度为90％页面的包装器，在这个div中有两个div，一个名为content，包装宽度的80％，另一个接收另外20％的宽度

<div id="wrapper">
    <div id="content">
        content here...
    </div>
    <div id="sidebar">
        side bar items etc.
    </div>
</div>

现在，如果我按 F12 检查网站的源/检查元素，它会完美显示 与常规登录。但是，一旦我使用Facebook登录，就会弹出以下内容：

<div id="wrapper">
    <div id="content">
        content here...
        <div id="sidebar">
            side bar items etc.
        </div>
    </div>
</div>

这是由facebook插件加载引起的，而php / html没有等待生成任何内容而只是继续？我100％确定这是由登录引起的，因为我排除了任何其他选项。

Answer 1

也许您可以使用固定尺寸（宽度/高度）和css属性overflow:hidden

添加一个可以保持/环绕Facebook登录的元素