2011-06-10 638 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