Html CSS浮动不'；不行？为什么？

因此，我目前正在创建一个网站，我有一个问题。我有这个div，在它的左上角我想要一个类似facebook的按钮，然后我想要文本环绕它，我知道这可以通过“float”属性来修复，但它就是不起作用，相反，我想要环绕facebook的按钮的文本在按钮下，按钮的左至右有一个巨大的空间

这是我的代码：

<p>
    <div class="float">
        <iframe src="http://www.facebook.com/plugins/like.php?href=www.mysite.com&amp;send=false&amp;layout=box_count&amp;width=450&amp;show_faces=false&amp;action=like&amp;colorscheme=dark&amp;font=arial&amp;height=90" scrolling="no" frameborder="1" style="border:none; overflow:hidden; width:450px; height:90px;" allowTransparency="true">
        </iframe>
    </div> 
    test
</p>

---

css的定义是错误的

这是必须的

float:left

而不是

position:float

---

你可能需要一个明确的答案：都在下一个div或span down上。您可以与共享您的代码。

iframe的宽度为450px。。。你的意思可能是45像素 在url中将width=450更改为width=45，这将解决您的问题。

检查此解决方案：

.float{
    float: left;
    width: 70px;
    height: 60px;
    overflow: hidden;
}

---

让我知道它是否是您要找的。

您能显示该float类的CSS代码吗？它不起作用，当我粘贴代码时，它就消失了。请显示一些代码。使用代码按钮（

{}

）将其适当缩进请为类添加您的CSS代码。float看起来像您可以提供CSS定义吗？编辑：lolYes，您需要在其下方创建一个div或span，样式为clear:both，以取消页面其余部分的浮动。您必须添加宽度：45px；也适合你的风格

.float{
    float: left;
    width: 70px;
    height: 60px;
    overflow: hidden;
}