HTML CSS h3 iframe 定位答案

【问题标题】：HTML CSS h3 iframe positioningHTML CSS h3 iframe 定位
【发布时间】：2013-01-17 03:02:47
【问题描述】：

我有一个 h3 标签、一个段落和 facebook iframe 的 Like 按钮。

 <h3>Spread out the word</h3>

<iframe src="//www.facebook.com/plugins/like.php?;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:90px; height:21px;" allowTransparency="true"></iframe>

<p class="txtlike">Like us on Facebook</p>

我将如何设置 CSS，以便类似按钮位于 h3 标签旁边（在同一行中）并且可能具有全宽，以便按钮可以展开（一些不同的语言会扩展按钮）。我发现它起作用的唯一方法是将 iframe 放入 h3 中，我知道这是错误的。

【问题讨论】：

标签： html css iframe position title

【解决方案1】：

这可能会有所帮助：

h3{
  display: inline-block;
  /*or...*/
  display: inline;
}

【讨论】：

谢谢，我遇到了一些困难，但最终我能够使用“inline-block”来做到这一点。

【解决方案2】：

在您的 CSS 中使用以下内容。希望对你有帮助

h3
{
    width:25%;  
    float:left; 
}
iframe 
{
  width:75%;
}

相应地改变宽度。

【讨论】：