我的widget的css在不同的网站上的计算方式不同

Question

我开发了一个小部件，将动态html插入到主机网站的div中。小部件的html和css是在主页中加载的，它不是iframe。

这是在我的网站http://crocofan.com上正确加载的小部件，这是用户网站http://www.mylittlechickblog.com上的小部件（等待20秒才能显示）。

您可以看到小部件白色框的宽度和高度错误，并且右上角的“X”符号显示不正确。

如果能够在本网站以及每个网站上正确显示，我该怎么做？ 非常感谢！

Answer 1

有几个问题。之一：

<div id="text-17" class="widget widget_text">

有overflow: hidden，这就是“x”被切断的原因。我想如果你这样做：

#cfwContainer { overflow: visible !important; }

它会起作用。

第二个问题是第二页上的所有元素都设置了box-sizing: border-box。如果您在所有窗口小部件元素上明确设置box-sizing: content-box，它将保持所有大小。