CSS實現文繞圖右下角

關於CSS文繞圖,圖片在左上方和右上方都可以用浮動來解決,要放到右下角就比較困難了

網上有用JS的,有用expression的,都不如用純CSS的代碼如下：

 

<div style="width:150px;border:1px solid blue">
<div style="float:right;height:90px;width:1px"></div><!--這個Div是用來佔位,高度自定,寬度要為1px不能為0 -->
<div style="float:right;clear:right;margin:5px;border:1px solid red;width:50px;height:50px"></div><!--這個是圖片位置,要點是右浮動的同時清除右浮動-->
<p>這裡是文章的內容這裡是文章的內容這裡是文章的內容這裡是文章的內容這裡是文章的內容這裡是文章的內容這裡是文章的內容這裡是文章的內容</p>

 給一個：