CSS Float不起作用?为什么?

时间:2011-06-10 13:46:32

标签: html css css-float styling point

所以我目前正在创建一个网站,但我遇到了问题。我有这个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代码是

div.float{
    float:left;
}

4 个答案:

答案 0 :(得分:1)

检查此解决方案:

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

http://jsfiddle.net/j9QSj/

如果您正在寻找它,请告诉我。

答案 1 :(得分:0)

css定义错误。

需要

float:left

而不是

position:float

答案 2 :(得分:0)

你可能需要一个明确的:在下一个div或跨度下降。您可以使用http://www.pastebin.com/分享您的代码。

答案 3 :(得分:0)

iframe的宽度是450px ......你可能意味着它是45px 在网址更改宽度= 450到宽度= 45,这将解决您的问题。