关于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>
<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>
给一个效果图: