CSS实现图片环绕右下角

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <style>
  .img {float:left;position:relative}
img{ display:block}
.mask {position:absolute;bottom:0;height:40px;width:50px;background-color:#006666;left:0;overflow:hidden}
</style>
 </HEAD>

 <BODY>

<div class="img">公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简介内容公司简
  <div class="mask"><img src="http://himg.baidu.com/sys/portrait/item/26d66279666861694801.jpg" width="104" height="145" /></div>
</div>

 </BODY>
</HTML>
<div>
<div></div><!--这个Div是用来占位,高度自定,宽度要为1px不能为0 -->
<div><img src="http://himg.baidu.com/sys/portrait/item/26d66279666861694801.jpg"></div><!-- 这个是图片位置,要点是右浮动的同时清除右浮动-->
<p>这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容cccccccccc这里sdfsdfsdf是文章的内容这里是文章sdfsdfsdf的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容这里是文章的内容</p>

Tags: