html - 由于引入了元素样式宽度为 75 像素的跨度，因此像按钮对话框一样裁剪

Question

我遇到了类似按钮的问题，该按钮似乎正在像这样裁剪弹出对话框

我的标记是这个

<div class="fb-like" data-href="<%= campaign_link(share_link, campaign, :facebook)%>" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false"></div>

似乎是因为span引入了一个元素样式宽度为 75px 的元素。

<div class="fb-like fb_edge_widget_with_comment fb_iframe_widget" data-href="http://app.bunch.dev/clubs/brc/posts/50564b4281772e72d1000007?utm_campaign=share_discussion&amp;utm_medium=facebook&amp;utm_source=bunchcc" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false">
  <span style="height: 20px; width: 75px; ">
    <iframe id="f1447ba434" name="f3f4b5ff04"...

欢迎任何关于为什么会发生这种情况以及我如何预防/解决它的想法。

Answer 1

我知道它很旧，但如果它对某人有帮助：它可能与iframe 上的max-width: 100%or规则有关。width: 100%我遇到了完全相同的问题并通过以下方式解决了它：

.fb-like iframe{
    max-width: none;
}