关于div+css实现文字环绕图片的问题

发布网友发布时间：2022-04-24 23:54

共4个回答

热心网友时间：2022-04-06 12:59

HTML代码如下:
<div class="wrap_area">
<img src="wrap-subject01.jpg" class="no_border" alt="Lunar eclipse photo" />
<div class="shape_wrap">
<div style="width: 250px;"></div>
<div style="width: 280px;"></div>
<div style="width: 305px;"></div>
</div>
<p>Numerous blocks of text</p>
</div>
CSS代码大致如下:
div.wrap_area { position: relative; }
div.wrap_area img { position: absolute; left: 0px; top: 0px; }
div.wrap_area p { position: relative; }
div.shape_wrap div { float: left; clear: left; height: 20px; }
详见文章http://www.xland.com.cn/article/29/33/0806/28927.htm

热心网友时间：2022-04-06 14:17

用float

混排图片不要放一起

热心网友时间：2022-04-06 15:52

用了FLOAT的吧,就把CLEAR去掉试试看,!

热心网友时间：2022-04-06 17:43

把图片绝对定位。