2011-06-10 196 views
-1

所以我目前正在创建一个网站,我有一个问题。我有这个div,在它的左上角我想要一个像按钮一样的Facebook,然后我想要文本环绕它,我知道这可以通过“float”属性来修复,但它不起作用,相反,我想围绕Facebook的喜欢按钮进入下键并没有留给按钮右侧的巨大空间文..CSS浮动不起作用?为什么?

这是我的代码:

<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; 
} 
+0

小心显示CSS吗? – alex 2011-06-10 13:48:12

+0

你可以显示那个浮点类的CSS代码吗? – ygneo 2011-06-10 13:48:31

+0

它不起作用,当我粘贴它的代码不见了。 – 2011-06-10 13:48:44

回答

1

入住此解决方案:

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

http://jsfiddle.net/j9QSj/

让我知道,如果这是你在找什么。

+0

这一个工作!非常感谢你! – 2011-06-10 14:03:18

0

css的定义是错误的。

它需要的

float:left 

代替

position:float 
+0

我说错了,它是浮点数:左 – 2011-06-10 13:50:45

0

你可能需要一个明确的:无论在未来股利或跨越了下来。您可以与http://www.pastebin.com/分享您的代码。

+0

是的,你需要在它下面创建一个格式为clear的div或span:既取消浮点数,页。 – Drazisil 2011-06-10 13:54:28

+0

http://pastebin.com/GPcX8uRR – 2011-06-10 13:55:20

0

iframe的宽度为450px ...您可能意味着它应该是45px 在URL更改宽度= 450到宽度= 45应该解决您的问题。

+0

它仍然是行不通的。 :( – 2011-06-10 13:58:14

+0

你必须增加宽度:45px;以你的div的风格 – 2011-06-10 13:59:24