Css 如何限制div的宽度？

我在我的网站上放了一个Google+按钮。代码如下：

<div id="gplus"><div class="g-plusone" data-size="medium" data-annotation="inline" data-width="120"></div></div>

#gplus {
position: fixed;
bottom: 40px;
left: 5px;
z-index: 1;
width: 120px;
overflow: hidden;
}

#gplus{
位置：固定；
底部：40px；
左：5px；
z指数：1；
宽度：120px；
溢出：隐藏；
}

---

但谷歌放在内部div中的iframe是1200px的宽度和覆盖内容。如何限制它？我固定了#gplus的宽度，并添加了overflow:hidden，但没有帮助：/

您可以添加一个新的样式定义，使溢出继承到内部div中

   #g-plusone {overflow:inherit;}

这在IE7中不起作用

您可能会发现需要向生成的iframe添加类定义，例如为

 #gplus iframe {width:120px;} 

这会将#gplus div中的任何iframe设置为具有120px的宽度

更新：查看您的站点后，以下样式应该可以解决此问题

 #gplus iframe {min-width:120px !important;}

---

谷歌正在设置其框架的最小宽度，但您可以通过设置最小宽度并使用重要覆盖来覆盖它。

代码>最大宽度：500px或任何您想要的最大宽度，通过这种方式您可以限制或控制元素的宽度。

试试这个。g-plusone{width:120px；}显示此站点的链接#gplus div是透明的，我可以看到下面的内容，但我不能触摸Google+ifrmae按钮下面的任何内容。当我添加overflow:hidden时，它似乎可以工作，但Chrome显示iframe的宽度为1200px这个代码不会改变任何东西。