2012-12-19 57 views
0

我目前有一個左側浮動的圖像和一個停留在其右側的文本塊。該文本塊不是當前浮動的,它只是在HTML中的圖像之後。所以當它變得更長時,它最終會在圖像的左側開始繼續。保持文字環繞浮動圖像

我該如何使文本塊始終保持在圖像的右側,因此圖像和文本的行爲像兩個並排的列?請記住,除了這兩個元素之外,我什麼也做不了。我無法在它們周圍添加包裝。我可以在之前,之間或之後添加元素。但不在身邊。

謝謝。

+3

代碼示例,代碼示例,代碼示例! –

+0

http://jsfiddle.net/JtdsH/2/ – user1729506

回答

2

FIXED ANSWER

只是浮於文字以及。 :)

http://jsfiddle.net/Hs7pN/

#image 
{ 
    background-color: #09C; 
    float: left; 
    height: 200px; 
    width: 200px; 
} 

#text 
{ 
    float: left; 
    width: 400px; 
} 
+0

http://jsfiddle.net/JtdsH/3/ - 沒有辦法。 – user1729506

+0

是的,我的壞。我誤解了這個問題。 – Nathanael

+0

N/P。感謝更新! – user1729506

0

如果可能,嘗試設置固定的寬度和對齊文本

3
p 
{ 
width:1000px; 
display: table-row;  
} 
+0

http://jsfiddle.net/JtdsH/4/ - 謝謝! – user1729506

+0

不客氣:) – Morpheus

+0

我其實不推薦這個。它在某些較舊的瀏覽器上不起作用,並且可能會根據其他元素提供意想不到的結果。 – Nathanael