Css 类似Facebook的按钮iFrame太宽

我在我的页面上放了一个类似Facebook的按钮

like按钮右侧是一个Tweet按钮

我已经将like按钮（带有send按钮）的数据宽度设置为101px，这似乎是正确的

问题是like按钮生成了一个150px宽的iframe。这意味着在我的Tweet按钮上大约有49个像素的iframe重叠

你看不到这种重叠，但这意味着我不能点击推特

看起来iframe是用内联样式生成的，所以我不能用css覆盖它们。我也尝试过使用z索引

任何帮助都会很好

---

-我想你找到了解决办法。我所做的是将facebook按钮包装到其中，并将twitter按钮放入其中，然后给twitter按钮一个更大的z索引值。 --html--

---

您还可以将like按钮包装在一个div中，样式为width:101px和overflow:hidden，我相信这会满足您的需要。

或者将此JavaScript放在iframe下面。因为没有什么比内联样式更重要，所以在加载后，您不妨对其进行更改

<script> document.getElementById("iFRAME").style.width = "101px"; </script>

document.getElementById（“iFRAME”）.style.width=“101px”；

---

你需要找出iFrame的id，我注意到like按钮上有一个属性，指定了它的宽度。我将我的设置为125（我使用的是按钮计数布局选项），它有助于浮动Tweet按钮和它旁边的其他共享。也可以在上创建按钮时指定宽度

---

我曾经使用过溢出：隐藏的技巧，但是现在like按钮有一个小的弹出窗口/工具提示，让用户输入一条评论来配合like，而溢出：隐藏会切断它，因此它很尴尬并且经常无法使用。

如果你粘贴你的实际代码或链接到你有问题的站点，那就太好了。如果你把那些按钮放进去的话，也可能是u分区的问题

这是我喜欢的按钮的例子，它没有任何iframe。您可能正在使用旧版本的示例代码，或者我不知道

<div class="fb-like" data-href="http://www.website.cz/actualpage.html" data-send="true" data-width="450" data-show-faces="false" data-colorscheme="dark" data-font="trebuchet ms"></div>

---

无论如何，我认为你的问题只是你使用了一个iframe，这是不需要的。最好是你粘贴你的代码，这样其他人可以提供更好的帮助。

我试过这样做，你不能b/c然后单击“喜欢”时出现的弹出窗口被剪切。这胜过了内联样式：！重要的。设置背景：无！外部样式中的重要信息将覆盖声明背景的内联样式。那是什么！重要的是设计的。

<script> document.getElementById("iFRAME").style.width = "101px"; </script>

<div class="fb-like" data-send="false" data-layout="button_count" data-width="125" data-show-faces="false" data-action="recommend"></div>

<div class="fb-like" data-href="http://www.website.cz/actualpage.html" data-send="true" data-width="450" data-show-faces="false" data-colorscheme="dark" data-font="trebuchet ms"></div>

<div class="share">
 <div class="fb">/fb like code/</div>
 <div class="twitter">/twitter button code/</div>
</div>

.share {
display: block;
}

.fb{
width: 101px;
float: left;
}

.twitter{
width: yourwidthpx;
float: right;
}