這裏是我想要做的一個大致輪廓:使用CSS浮動圖像:文本只能在原始位置流動?
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT /============\
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT | |
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT | IMAGE |
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT | |
| |
\============/
基本上,我想要的形象有float: right;
。但是,我不確切地知道圖像應該在哪裏出現,如上所述。
我需要這樣的東西float: right; margin-top: -100px;
,移動圖像,但周圍的元素,而不是新的原始位置的文本漂浮。如果我使用position: relative; top: -100px;
,也會發生類似的情況。
有誰知道的實現只有CSS這種效果的一種方式?
差不多的副本[CSS:環繞右下格文本?](http://stackoverflow.com/questions/499829/css-wrap-text-around-a-bottom-right-div)除了你的圖像從底部突出的事實可能很重要。 – 2012-02-18 06:52:47
可以細說了 - '但文本圍繞浮動元素的原始位置,而不是新one' ..沒有文字去,你用'邊距上升背後的形象:-100px'? – 2012-02-18 09:58:52