我开发了一个小部件,可以将动态 html 插入到主机网站的 div 中。小部件的 html 和 css 在主机页面中加载,而不是在 iframe 中。
这是在我的网站上正确加载的小部件 http://crocofan.com这是用户网站上的小部件 http://www.mylittlechickblog.com (等待 20 秒使其出现)。
您可以看到小部件的白框宽度和高度错误,并且右上角的“X”符号未正确显示。
我该怎么做才能使它在本网站和每个网站上正确显示? 非常感谢!
最佳答案
有几个问题。一:
<div id="text-17" class="widget widget_text">
有overflow: hidden
,这就是“x”被截断的原因。我想如果你这样做:
#cfwContainer { overflow: visible !important; }
它会起作用。
第二个问题是在第二页的所有元素上都设置了box-sizing: border-box
。如果您在所有小部件元素上显式设置 box-sizing: content-box
,它将保持所有元素的大小。
关于html - 我的小部件的 css 在不同网站上的计算方式不同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17429117/