实现图片三门环绕（share）

原文： http://blog.csdn.net/zhouziyu2011/article/details/53704494

 

原理：在图片所在的div前面增加一个宽度为1px的空div，使空div和图片所在的div都向左/右浮动，再清除图片所在的div受左/右浮动的影响。这样，空div 会把图片挤下去。修改空div的高度，可以调整图片的位置。

也可以使用JQuery动态修改空div高度。

<div style="width:500px;overflow:hidden; _zoom:1;">  

<div id="empty" style="float:right;width:1px;height:200px"></div>

<div style="float:right;clear:right;margin:20px"> 

<img src="images/img.png" border="0" />

</div> 

　<P>  
　　前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端
　　前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端
　　前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端
　　前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端
  </p> 

</div>